如何在表中与列中所有数字的总和制作一行?Javascript新手

Question

不用多说，这就是我的问题:所创建的表基本上是一种形式，它在循环中接受一个数字，并计算该数字的平方和阶乘。我成功地做到了这一点，但我遇到的下一个问题是，我需要添加元素的总和在表的底部为所有三列。感谢。

<script>
function tablica() {
var nr = document.getElementById("broj").value
if (nr < 2) {
document.getElementById("rezultat").innerHTML = "Prilagođeno samo za rad s brojevima većim od 1";
window.alert("Unijeli ste broj " + broj.value + ", a taj broj je manji od 2...");
} else if (nr >= 2) {
var rez = "<table id='tablica'><tr><th>N</th><th>N²</th><th>N!</th></tr>";
var faktorijela = 1;
}
for (var i = 1; i <= nr; i++) {
rez = rez + "<tr><td>" + i + "</td><td>" + i * i + "</td><td>" + (faktorijela = faktorijela * i) + "</td></tr>";
}
rez = rez + "</table>"
var rezTablica = document.getElementById("rezultat");
rezTablica.innerHTML = rez;
}
</script>

Answer 1

我创建了变量sum1, sum2和sum3来存储每列的和。

请参阅下面的代码片段:

function tablica() {
var sum1 = 0, sum2 = 0, sum3 = 0;
var nr = document.getElementById("broj").value
if (nr < 2) {
document.getElementById("rezultat").innerHTML = "Prilagođeno samo za rad s brojevima većim od 1";
window.alert("Unijeli ste broj " + broj.value + ", a taj broj je manji od 2...");
} else if (nr >= 2) {
var rez = "<table id='tablica'><tr><th>N</th><th>N²</th><th>N!</th></tr>";
var faktorijela = 1;
}
for (var i = 1; i <= nr; i++) {
let val1 = i;
let val2 = i * i;
let val3 = (faktorijela = faktorijela * i);
rez = rez + "<tr><td>" + val1 + "</td><td>" + val2 + "</td><td>" + val3 + "</td></tr>";
sum1 = sum1 + val1;
sum2 = sum2 + val2;
sum3 = sum3 + val3;
}
rez = rez + "<tr><td>" + sum1 + "</td><td>" + sum2 + "</td><td>" + sum3 + "</td></tr>";
rez = rez + "</table>"
var rezTablica = document.getElementById("rezultat");
rezTablica.innerHTML = rez;
}

<input id="broj" type="text">
<button onclick="tablica()">Test</button>
<div id="rezultat">
</div>