Foros del Web » Programando para Internet » Javascript »

Restar dos input type Number en JavaScript

Estas en el tema de Restar dos input type Number en JavaScript en el foro de Javascript en Foros del Web. Buenas noches Foreros. Por aquí ando de nuevo, estuve buscando como poder restar estos dos valores en JavaScript, los dos campos son de tipo NUMBER. ...
  #1 (permalink)  
Antiguo 01/05/2015, 16:07
Avatar de HackID1  
Fecha de Ingreso: febrero-2013
Ubicación: En Update
Mensajes: 491
Antigüedad: 8 años, 3 meses
Puntos: 17
Restar dos input type Number en JavaScript

Buenas noches Foreros.

Por aquí ando de nuevo, estuve buscando como poder restar estos dos valores en JavaScript, los dos campos son de tipo NUMBER.

Me gustaría conocer como restarlos y además como Válidar Que de verdad se inserta un valor entre el min y max establecido en el input (porque en mi código no lo hace)

El código es tan simple como este:

Código Javascript:
Ver original
  1. Maximo:
  2.     <input type="number" name="maximo" id="maximo" min="11" max="50"/>
  3.    
  4. Minimo:
  5.     <input type="number" name="minimo" id="minimo" min="-2" max="10"/>
  6.                            
  7.                            
  8.     Diferencia de temperaturas:
  9.     <input type="text" id="diferencia" name="diferencia" value="" readonly />
  10.  
  11.  
  12.  
  13.     function calcula(){
  14.  
  15.         var a = Number (document.getElementById('maximo').value );
  16.         var b = Number (document.getElementById('minimo').value );
  17.  
  18.         var c = a - b;
  19.  
  20.         document.getElementById('diferencia').value = c;
  21.        
  22.         //alert(document.getElementById('maxima').options[document.getElementById('maxima').selectedIndex].text);
  23.     }


No me funciona aún no se como realizarlo la resta y mostrar la diferencia en el campo 'diferencia'.

Gracias y perdonar la duda, pero no consigo como restarlos en este modo de input.

Saludos
__________________
Puntuar +1 es buena forma de dar las gracias. :P
Your Time is limited, so don't waste it living someone else´s life.
Por: HackID1
  #2 (permalink)  
Antiguo 01/05/2015, 16:20
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.512
Antigüedad: 9 años, 7 meses
Puntos: 957
Respuesta: Restar dos input type Number en JavaScript

No sé qué problema encuentras porque lo acabo de probar y funciona como esperaba.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 01/05/2015, 16:30
Avatar de HackID1  
Fecha de Ingreso: febrero-2013
Ubicación: En Update
Mensajes: 491
Antigüedad: 8 años, 3 meses
Puntos: 17
Respuesta: Restar dos input type Number en JavaScript

Buenas.

El error que encuentro o porque no me funciona correctamente es el siguiente:

La resta se debe realizar sin hacer un onclick en un botón, porque es justamente al rellenar los campos que se debe realizar, y luego el segundo error que veo, es que si digitas una cantidad por fuera del rango te la valida igual jeje.

Son esos dos fallos o soluciones que necesito realizar de alguna forma con JavaScript.

saludos y gracias
__________________
Puntuar +1 es buena forma de dar las gracias. :P
Your Time is limited, so don't waste it living someone else´s life.
Por: HackID1
  #4 (permalink)  
Antiguo 01/05/2015, 16:32
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.512
Antigüedad: 9 años, 7 meses
Puntos: 957
Respuesta: Restar dos input type Number en JavaScript

Ese no es un error del código sino tuyo al pensar que eso se iba a realizar de manera automática.

Lo primero se soluciona usando el evento change y lo segundo, con el evento keypress en donde evaluarás el valor ingresado y solo si no está dentro del rango, evitas que se complete el evento para lo cual puedes usar el método preventDefault.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 01/05/2015, 16:40
Avatar de HackID1  
Fecha de Ingreso: febrero-2013
Ubicación: En Update
Mensajes: 491
Antigüedad: 8 años, 3 meses
Puntos: 17
Respuesta: Restar dos input type Number en JavaScript

De acuerdo solucionado, supongo no me estaba tomando bien el link externo de Script y era por eso que me fallaba.

Probé copiando el código dentro de mi HTML y funciono, ahora miraré lo que me comentas de válidar los rangos de min y máx de los campos.

Mil gracias amigo Alexis88 y disculpa las dudas básicas de JavaScript.


PD: El fallo era que no había cerrado el > de la etiqueta <SCRIPT> jeje. ya esta funcionando, debo continuar con los rangos aunque no son obligatorios ni mucho menos, pero no esta de más verlos para algo similar.
__________________
Puntuar +1 es buena forma de dar las gracias. :P
Your Time is limited, so don't waste it living someone else´s life.
Por: HackID1

Etiquetas: funcion, input, number, restar, select, type, valor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:28.