Skip to main content
4 de 4
Etiqueta forzada removida del título, referencia: ¿Debería usar etiquetas en títulos? (https://es.stackoverflow.com/help/tagging); meta-etiqueta removida
padaleiana
  • 3.3k
  • 13
  • 19
  • 27

Ingresar valores y retornarlos con una suma, a través de un botón y un input number

Estoy arrancando a aprender 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>