如何用一列中所有数字的总和在 table 中创建一行？ Javascript 初学者

Question

无需进一步说明，这是我的问题：创建的 table 基本上是一种在循环中采用数字并计算该数字的平方和阶乘的形式。我已经成功地做到了这一点，但我遇到的下一个问题是我需要在所有三列的 table 底部添加元素总和。非常感谢。

<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>

如何用一列中所有数字的总和在 table 中创建一行？ Javascript 初学者

How to make a row in a table with the sum of all the numbers in a column? Javascript beginner

html

javascript

css