Мне нужна сумма первого столбца всей строки, и эта сумма отображается в одном текстовом поле. Как это сделать

---

Я создал одну динамическую html-таблицу. внутри этого два столбца доступны. первое-это сумма, второе-описание. Я хочу, чтобы сумма первого столбца всех строк и эта сумма отображалась в одном текстовом поле Debit Total как это сделать я попробовал использовать функцию getSum (), но это не работает никто мне не поможет

Что я уже пробовал:

<SCRIPT language="javascript">
		
		function addRow(tableID) {

			var table = document.getElementById(tableID);

			var rowCount = table.rows.length;
			var row = table.insertRow(rowCount);

			var cell1 = row.insertCell(0);
			var element1 = document.createElement("input");
			element1.type = "checkbox";
			element1.name="chkbox[]";
			cell1.appendChild(element1);

			var cell2 = row.insertCell(1);
			var element3 = document.createElement("input");
			element3.type = "text";
			element3.name = "amount";
			getSum(tableID);
			cell2.appendChild(element3);

			var cell3 = row.insertCell(2);
			var element2 = document.createElement("input");
			element2.type = "text";
			element2.name = "description";
			cell3.appendChild(element2);


		}

		function deleteRow(tableID) {
			try {
			var table = document.getElementById(tableID);
			var rowCount = table.rows.length;

			for(var i=0; i<rowCount; i++) {
				var row = table.rows[i];
				var chkbox = row.cells[0].childNodes[0];
				if(null != chkbox && true == chkbox.checked) {
					table.deleteRow(i);
					rowCount--;
					i--;
				}


			}
			}catch(e) {
				alert(e);
			}
		}
		
		function getSum(tableID) 
		{
			var table = document.getElementById(tableID);
			var sumVal = 0;
			for(var i=1; i < table.rows.length; i++)
				{
					sumVal = sumVal + parseInt(table.rows[i].cells[1].innerHTML);
				}
			document.getElementById("debitT").innerHTML = sumVal;
		}
</script>
<pre lang="HTML">
<pre><br>
				<input type="button" value="Add Row" onclick="addRow('dataTable')" style="background-color:green;"/>
				<input type="button" value="Delete Row" onclick="deleteRow('dataTable')" style="background-color:red;"/>
				<br>
				<table align="right" id="dataTable" border="1" width="350px">
					<tr>
						<th></th>
						<th>Amount</th>
						<th>Description</th>
					</tr>
					<tr>
						<td><input type="checkbox" name="chk"/></td>
						<td><input type="text" name="amount"/></td>
						<td><input type="text" name="description"/></td>
					</tr>
					<pre><tr>
						<td>Debit Total</td>
						<td><input id="debitT" type="text" name="debittotal" onkeyup="sum()"/></td>
					</tr>
					<tr>

---