Skip to main content
2 de 4
Se agrega snippet

Ingresar valores y retornarlos con una suma, a través de un boton y un input number [Javascript]

Estoy arrancando a aprender pero 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 como un contador, me suma los numeros pero no tengo la forma de que, en un párrafo, me salga la suma total (en este caso, de 6 numeros) 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>