Sin más, este es mi problema: la tabla creada es básicamente una forma que toma un número en un bucle y calcula ese número al cuadrado y factorial de él. Logré hacerlo con éxito, pero el siguiente problema que encuentro es que necesito agregar la suma de elementos en la parte inferior de la tabla para las tres columnas. Muy apreciado.
<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>Creé las variables sum1, sum2 y sum3 para almacenar la suma de cada columna.
Por favor, vea el fragmento a continuación:
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>