Fill table cells with text using form

JavaScript
8

Paste the code into the editor.
Highlight the code in the editor using your mouse.
Hit the </> button in the editor toolbar.

I’ll post the code in my reply (as it is better to have it in this thread).
You had some typos in there (which I corrected). I removed the JavaScript (as it wasn’t doing anything) and added jQuery for ease (while we figure out what you’e trying to do). If that’s a problem, we can remove it later.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Insert values into table</title>
    <style>
      table{
        border-collapse: collapse;
        width:100%;
        margin-top: 10px;
      }

      table,tr, th, td{
        border: 3px solid black;
      }

      td{
        text-align:center;
        height:100px;
      }

      input, button{
        padding: 5px;
        margin-bottom: 5px;
      }
    </style>
  </head>

  <body>
    <input type="text" id="myText1" placeholder="Input 1" /><br>
    <input type="text" id="myText2" placeholder="Input 2" /><br>
    <button>Try it</button>

    <table>
      <tr>
        <td>1</td>
        <td>1</td>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
      </tr>
      <tr>
        <td>1</td>
        <td>1</td>
      </tr>
    </table>

    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script>
    
    </script>
  </body>
</html>

Wouldn’t it be better to give each input its own button? That way, when button one is clicked, the values from input one can get inserted into the first column, when button two is clicked, the values from that can get inserted into column two.