formで送信された内容をテーブルに反映させたい（javascript）

Question

やりたいこと
formで送信された内容をテーブルへ反映させたい

    <form action="javascript:void(0);" name="登録フォーム">
      <div class="TableAccessoryBar">
        <table  cellspacing="10">
          <tr>
            <th class="Top1Cell">
              受注番号
            </th>
            <td>
              <input type="text" name="受注番号" size="30" id="AcceptNum" >
            </td>
          </tr>
        </table>
        <input type="submit" name="登録" value="登録" id="i_submit" onclick="logprint(this, 'click');" /><span>	</span>

      </div>
    </form>

これは例ですが、このようなformのインプットデータを、同ページの下部などに

<th>受注番号</th><td>入力データ</td> のように、テーブル1行に出力したいです。 初期状態では、テーブルに行と列はない状態であり、登録のたびに行を追加していくようなものが良いです。

jsをどのように書けば良いでしょうか。

以上、宜しくお願い致します。

Comments

[yambejp]

formが閉じてません
submitするような設定になっていません
「インプットデータを、テーブルに1行にしたい」の意味がわかりません

[Zuishin]

ざっくりした質問の回答はざっくりしたものになりますが、それで解決できる知識を持っていますか？

[begginer_class]

@yambejp
色々抜けていました。コメントありがとうございます。

[yambejp]

インプットの値が、どこに表示されればよいのですか？
既存のセルに追記する？行を追加する？
さらに二回目の送信時にはどうするのでしょうか？

[begginer_class]

@yambejp
情報を追記しました。コメントありがとうございます。

Answer 1

submitでなくbuttonに
buttonのクリックイベントを検知して

<th>受注番号</th><td></td>を作成して <td></td>のinnertext を 入力された値と同じにする。

JavaScript クリックイベント
JavaScript 要素作成などで検索すると
色々と出てきます。

Comments

[begginer_class]

ありがとうございます。
無事やりたいことが再現できました。