Как сделать форму с добавлением информации из неe в таблицу?

Question

[Кирилл Плотников]

Как реализовать форму с возможностью из нее добавлять информацию в таблицу. Если не понятно, то вот оболочка, к которой надо реализовать функционал:

Answer 1

[Дмитрий Еремин]

<form id="main">
  <input id="first" type="text" />
  <input id="second" type="text" />
  <input id="btn" type="button" value="Go head" />
</form>

<table>
  <thead>
    <th>One</th>
    <th>Two</th>
  </thead>
  <tbody id="tbl">
    <td>1</td>
    <td>2</td>
  </tbody>
</table>

$("#btn").on("click", function() {

  var newRow =
    "<tr><td>" +
    $("#first").val() +
    "</td><td>" +
    $("#second").val() +
    "</td></tr>"

  $("#tbl").append($(newRow))
});

Comments

[Кирилл Плотников]

не работает

[Дмитрий Еремин]

Кирилл Плотников: у вас jQuery подключен?

[Дмитрий Еремин]

https://jsfiddle.net/zz5fw8c8/2/ - однозначно работает

[Кирилл Плотников]

спасибо

[Кирилл Плотников]

Дмитрий Еремин: а не подскажете, как суммировать все показания последнего столбика?

[Дмитрий Еремин]

Кирилл Плотников: самое простое - при добавлении строки в таблицу, брать значение из поля Цена и прибавлять его к какой-нибудь глобальной переменной типа totalSum или еще какой. Ну и в коне таблицы отображать эту самую переменную

[Кирилл Плотников]

Дмитрий Еремин: благодарю