htmlのformからjavascriptへ文字を渡してhtmlのtableに表示する

昨晩ムカデ人間という映画を見て絶句しました。よければこっちで見ていただければ幸いです。

html

　　　　　　　　↓

form

index.html

<form name = "form">
<input type="text" name="txtb" id="textid">
<input type="button" value="決定！" onclick="tbox1()">
</form>

table

index.html

    <!-- テーブル実装 -->
    <table class = "Table">
      <tbody>
        <tr>
            <th scope="row">項目名</th>
            <td> <div id="textoutput"></div> </td>
        </tr>
    </tbody>
        </table>

Javascript

script

script.js

//textboxの文字を取得する
function tbox1(){

str1 = document.form.txtb.value;

console.log(str1);


var x = document.getElementById('textid').value;
  numx = parseInt(x);
  numx = numx + 1;
  document.getElementById('textoutput').innerHTML = x;

};

参考

formからjavascriptへ値を渡してhtmlで表示する