Skip to main content
Modificación para mostrar el código y correcciones de ortografía
Origen Enlace
Israel-ICM
  • 3.6k
  • 25
  • 20
  • 26

Tengo tres inputsinputs, al agregar un valor se genera la suma de los tres inputsinputs y luego muestro el resultado, el caso es que la suma debe de tener un valor máximo, de modo que si la suma máxima es de 10 y en los primeros inputsinputs pongo 3 y 5 en la última debería de auto-rellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este.

Éste es mi codigo JS.código:

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>

Pero no se como podriapodría implementar esa función.

Tengo tres inputs, al agregar un valor se genera la suma de los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor máximo, de modo que si la suma máxima es de 10 y en los primeros inputs pongo 3 y 5 en la última debería de auto-rellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este es mi codigo JS.

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>

Pero no se como podria implementar esa función.

Tengo tres inputs, al agregar un valor se genera la suma de los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor máximo, de modo que si la suma máxima es de 10 y en los primeros inputs pongo 3 y 5 en la última debería de auto-rellenarse con 2 para que la suma total sea de 10, es para un ejercicio.

Éste es mi código:

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>

Pero no se como podría implementar esa función.

alguien podria ayudarme con javascript, el caso es que tengoTengo tres inputs los cualesinputs, al agregar un valor se genera unala suma entrede los tres inputsinputs y luego muestro el resultado, el caso es que la suma debe de tener un valor maximomáximo, de modo que si la suma maximamáxima es de 10 y en los primeros inputs pongo 3 y 5 en la ultima deberiaúltima debería de autorrellenarseauto-rellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este es mi codigo JS.

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }

Y este mi html

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>
 

Pero no se como podria implementar esa funcion, soy bastante nuevo en js. Alguien podria ayudarme indicandome como hacerlo, algun sitio, blog o tutorial, gracias de antemanofunción.

alguien podria ayudarme con javascript, el caso es que tengo tres inputs los cuales al agregar un valor se genera una suma entre los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor maximo, de modo que si la suma maxima es de 10 y en los primeros inputs pongo 3 y 5 en la ultima deberia de autorrellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este es mi codigo JS.

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }

Y este mi html

<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>

Pero no se como podria implementar esa funcion, soy bastante nuevo en js. Alguien podria ayudarme indicandome como hacerlo, algun sitio, blog o tutorial, gracias de antemano.

Tengo tres inputs, al agregar un valor se genera la suma de los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor máximo, de modo que si la suma máxima es de 10 y en los primeros inputs pongo 3 y 5 en la última debería de auto-rellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este es mi codigo JS.

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>
 

Pero no se como podria implementar esa función.

Origen Enlace
Jefferzon Bol
  • 2.8k
  • 2
  • 8
  • 18

Suma maxima con javascript

alguien podria ayudarme con javascript, el caso es que tengo tres inputs los cuales al agregar un valor se genera una suma entre los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor maximo, de modo que si la suma maxima es de 10 y en los primeros inputs pongo 3 y 5 en la ultima deberia de autorrellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este es mi codigo JS.

function sumar (valor) {
     var total = 0; 
     valor = parseInt(valor); // Convertir el valor a un entero (número).
     total = document.getElementById('spTotal').innerHTML;
     // Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
     total = (total == null || total == undefined || total == "") ? 0 : total;
     /* Esta es la suma. */
     total = (parseInt(total) + parseInt(valor));
     // Colocar el resultado de la suma en el control "span".
     document.getElementById('spTotal').innerHTML = total;
 }

Y este mi html

<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>

Pero no se como podria implementar esa funcion, soy bastante nuevo en js. Alguien podria ayudarme indicandome como hacerlo, algun sitio, blog o tutorial, gracias de antemano.