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

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

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

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 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>

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>

Corrección minima
Origen Enlace

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 numerosnúmeros, pero no tengo la forma de que, en un párrafo, me salga la suma total (en este caso, de 6 numerosnú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>

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>

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 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>

Se agrega snippet
Origen Enlace

estoyEstoy arrancando a aprender Javascript 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 numberinput de tipo number.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sumar</title>
    <script src="js/codigo.js"></script>
</head>
<body>
    <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>
</body>
</html>

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>
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}.`;
    
    }
}   

 

estoy arrancando a aprender Javascript 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 number.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sumar</title>
    <script src="js/codigo.js"></script>
</head>
<body>
    <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>
</body>
</html>
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}.`;
    
    }
}   

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.

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>
 

Origen Enlace
Loading