Estoy arrancando a aprender javascript y tengo un inconveniente con un ejercicio, del cual tengo que hacer que me aparezca la suma total de valores con un botón y un input
de tipo number
.
Tengo hecho un contador, me suma los números, pero no tengo la forma de que en un párrafo, me salga la suma total (en este caso, de 6 números) entre ellos y que se detenga ahí.
window.addEventListener("load",inicio);
function inicio(){
document.querySelector("#btnSumVal").addEventListener("click",sumadevalores);
}
let contador = 0;
let ingresarnumeros = 6;
function sumadevalores() {
let valor;
valor = Number(document.querySelector("#nmbSumVal").value);
if (contador >= 0){
contador = contador + valor;
document.querySelector("#Resultado").innerHTML = `Ingresando ${contador}.`;
ingresarnumeros--;
}
if (ingresarnumeros === 0) {
document.querySelector("#Resultado").innetHTML = `La suma total es ${contador}.`;
}
}
<label for="nmbSumVal">Numeros a sumar:</label>
<input type="number" id="nmbSumVal" placeholder="Ingrese numeros">
<br><br>
<input type="button" value="Ingresar" id="btnSumVal">
<br><br>
<p id="Resultado">Resultado</p>