Как подсчитать сумму значений ячеек таблицы Javascript/Jquery?

Question

[ABdrvl]

Есть таблица

<table id="tab1" class="sortable">
        <tr>
            <td class="date">Дата</td>
            <td class="nal">Уровень измеренный №1, см</td>
			<td class="res1">Объем №1, м3</td>
			<td class="res2">Уровень измеренный №2, см</td>
			<td class="vys2">Объем №2, м3</td>
			<td class="ton">Заправлено, тонн</td>
			<td class="massa">заправленно, м3</td>
			<td class="rashod">Израсходованно за сутки, м3</td>
        </tr>
		   <tfoot>
			<tr>
			<td class="date"></td>
            <td class="nal"></td>
			<td class="res1"></td>
			<td class="res2"></td>
			<td class="vys2"></td>
			<td class="ton">Заправлено с начала месяца, тонн</td>
			<td class="massa"></td>
			<td class="rashod"></td>
			</tr> 
		   </tfoot>
</table>

Наполнение происходит следующим кодом.

var tbody = d.getElementById('tab1').getElementsByTagName('TBODY')[0];
    var row = d.createElement("TR");
    tbody.appendChild(row);
    var td1 = d.createElement("TD");
    var td2 = d.createElement("TD");
	var td3 = d.createElement("TD");
	var td4 = d.createElement("TD");
	var td5 = d.createElement("TD");
	var td6 = d.createElement("TD");
	var td7 = d.createElement("TD");
	var td8 = d.createElement("TD");

    row.appendChild(td1);
    row.appendChild(td2);
	row.appendChild(td3);
    row.appendChild(td4);
    row.appendChild(td5);
	row.appendChild(td6);
	row.appendChild(td7);
	row.appendChild(td8);
    td1.innerHTML = date;
	td2.innerHTML = nal;
    td3.innerHTML = res1;
    td4.innerHTML = res2;
	td5.innerHTML = vys2;
    td6.innerHTML = tonfa;
    td7.innerHTML = massa;
	td8.innerHTML = rashod;
}

После добавления данных в таблицу происходит сохранение html страницы через функцию браузера - Сохранить как. Собственно вопрос как сделать чтоб после открывания этой таблицы с данными, была кнопка подсчитать где сейчас текст - "Заправлено с начала месяца, тонн" и происходил подсчет по сложению всех значений в этом столбце таблицы

Comments

[ⓒⓢⓢ]

Собственно вопрос как сделать чтоб после открывания этой таблицы с данными

с данными?

была кнопка подсчитать где сейчас текст

Добавляете туда где текст - кнопку

происходил подсчет по сложению всех значений в этом столбце таблицы

Пишите скрипт подсчёта

[Павел]

выложите код codepen.io

Answer 1

[Александр Соболев]

вписать атрибут со значением, и суммировать их циклом, например

/*var summ = [];  для массива*/
	var elems = $(".summ");
    var elemsTotal = elems.length;
    for(var i=0; i<elemsTotal; ++i){/*summ.push($(elems[i]).attr('value'));*/ summ = summ+$(elems[i]).attr('value')}
return summ

Требуется допил но идея, думаю, понятна