Пытаюсь создать макет таблицы в которой будет неопределённое количество строк, но необходимо динамически вычислять сумму 2х input в строке и выводить её в третью. Как создать динамическое определение ID input в строке для дальнейшего манипулирования их значениями?
CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <body>
- <table border="1">
- <thead>
- <tr><th>№</th>
- <th>Цена</th>
- <th>Кол-во</th>
- <th>Сумма</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><input type="text" id="num" value="1"> </td>
- <td><input type="text" id="cena1"> </td>
- <td><input type="text" id="kol_vo1"> </td>
- <td><input type="text" id="sum1"> </td>
- </tr>
- <tr>
- <td><input type="text" id="num" value="2"></td>
- <td><input type="text" id="cena2"> </td>
- <td><input type="text" id="kol_vo2"></td>
- <td><input type="text" id="sum2"></td>
- </tr>
- </tbody>
- </table>
- <script>
- ed1=document.getElementById("cena1");
- ed2=document.getElementById("kol_vo1");
- ed1.oninput = function()
- {
- document.getElementById('sum1').value = Number(ed1.value)*Number(ed2.value);
- }
- ed2.oninput = function()
- {
- document.getElementById('sum1').value = Number(ed1.value)*Number(ed2.value);
- }
- </script>
- </body>