Tengo un programa que actualmente estoy tratando de totalizar.
El programa debe agregar 10 números en cada cuadro de texto y cuando el usuario presiona el botón Suma, el programa ejecuta la función Agregar y devuelve el total después de las palabras 'Suma:'. Las páginas están vinculadas con <script src="functions.js"></script> debajo de las etiquetas de título.
A continuación se muestran ambas páginas.
function Add() { var add_entries = 0; for (i = 1; i <= 11; i++) { var textentry = "Text" + i; var x = Number(document.getElementById(textentry).value); add_entries += x; } console.log(add_entries); document.getElementById("Sum: ").innerHTML = add_entries; } Enter student test scores for all text boxes <br> <br> <div>Blank responses will be treated as zeros.</div> <br> <br> <div>Susan: <input id="Text1" type="text" /></div> <div>Harry: <input id="Text2" type="text" /></div> <div>Joe: <input id="Text3" type="text" /></div> <div>Bill: <input id="Text4" type="text" /></div> <div>Mary: <input id="Text5" type="text" /></div> <div>Ken: <input id="Text6" type="text" /></div> <div>Paul: <input id="Text7" type="text" /></div> <div>John: <input id="Text8" type="text" /></div> <div>Nora: <input id="Text9" type="text" /></div> <div>Cindy: <input id="Text10" type="text" /></div> <input id="Sum" type="button" value="Sum" onclick="Add()" /> <input id="Avg" type="button" value="Average" onclick="Avg()" /> <input id="High" type="button" value="Highest" onclick="Max()" /> <input id="Low" type="button" value="Lowest" onclick="Min()" /> <div>Sum: </div> <div>Average: </div> <div>Highest: </div> <div>Lowest: </div>for (i = 1; i <= 11; i++) 11 debe cambiarse a 10 porque no tiene Text11
document.getElementById("Sum: ").innerHTML = add_entries; La identificación no es correcta
si desea que la salida se establezca en su sum div, debe establecer una ID en ella y poner la identificación en document.getElementById(HERE)
EDITAR Respuesta:
cambiar esta línea
document.getElementById("Sum: ").innerHTML = add_entries;a
document.getElementById("sumDiv").innerHTML = 'Sum: ' + add_entries;y luego agregue una ID a su div donde desea que la salida sea
Así <div id="sumDiv">Sum: </div>
document.getElementById("Sum: ").innerHTML = add_entries;
Esa no es una identificación válida. Dale a tu div una identificación y úsala.
<div id="mySum">Sum: </div> document.getElementById("mySum").innerHTML = add_entries;Si desea conservar la "Suma:", puede usar un lapso.
<div>Sum: <span id="mySum"></span></div> document.getElementById("mySum").innerHTML = add_entries;La declaración for va un paso más allá, si revisa la consola, verá un error que indica algo así como "Error de tipo: documento.
for (i = 1; i <= 11; i++)a:
for (i = 1; i <= 10; i++)y tal vez incluso verifique que document.getElementById (textentry) no devuelva un valor nulo antes de usarlo. Y, por supuesto, "use parseInt en lugar de Number" como dijo Ameer, o use un signo más:/
+(document.getElementById(textentry).value);