Автоматическое суммирование HTML-таблицы, как мы всегда делаем в Excel

Question

У меня есть одна страница с одной HTML-таблицей, а последний столбец таблицы имеет числовое значение.

Я сомневаюсь, что когда мы заполним некоторые числовые значения в столбце Excel, и если мы выберем эти столбцы вместе, он сообщит сумму всех столбцов.

Я хочу сделать то же самое в столбце HTML-таблица. Возможно ли это сделать?

Если это возможно, может кто-нибудь помочь мне в этом?

Может ли кто-нибудь помочь мне, как это сделать ... Я погуглил везде, я не знаю, как это сделать ..

Answer 1

Получить последние ячейки столбца, извлечь число, сумму.

const sum = Array.from(document.querySelectorAll('td:last-of-type')).
    map(x => parseFloat(x.textContent)).reduce((x, y) => x + y);
console.log(sum);

<table>
  <tr>
    <td>Foo</td>
    <td>3</td>
  </tr>
  <tr>
    <td>Bar</td>
    <td>4</td>
  </tr>
</table>