Сумма рядов HTML таблицы на JavaScript

В данном видео я покажу вам, как найти сумму рядов HTML таблицы.

td { padding: 10px; border: 1px solid black; } <table id="table"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> <br> <input type="submit" id="button"> var button = document.querySelector('#button'); button.addEventListener('click', function() { var table = document.querySelector('#table'); var trs = table.querySelectorAll('tr'); for (var i = 0; i < trs.length; i++) { var tds = trs[i].querySelectorAll('td'); var sum = 0; for (var j = 0; j < tds.length; j++) { sum += Number(tds[j].innerHTML); } var td = document.createElement('td'); td.innerHTML = sum; trs[i].appendChild(td); } });

Смотрите также