# Сумма рядов 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); } });`

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

- видео
  колонки и диагонали таблицы JavaScript
- видео
  сумма выделенных ячеек таблицы JavaScript
- видео
  сумма рядов таблицы JavaScript
- видео
  сумма колонок таблицы через селектор JavaScript

← →
↑