1

Al usuario ingresar un texto o numero ¿como puedo lo puedo capturar y almacenarlo en una variable?

He estado probando con :

let captureNumber = document.getElementById("number2").innerHTML;

console.log(captureNumber)
 <input type="number" placeholder="Nivel de Seguridad"  min="65" max="90" id="number2">

Lo que intento hacer ahi es que al usuario seleccionar un numero sea capturado y ese numero ser mostrado en consola.

2

2 respuestas 2

2

En tu ejercicio faltan dos cosas, un disparador del evento que va a ejecutar la función de capturar el valor y capturar realmente el valor:

En este caso usaremos el evento onchange que se ejecuta cuando un elemento de formulario cambia su valor.

Una vez que hayamos detectado el cambio de valor procedemos a capturar el valor, el cual en elementos de formulario de captura con .value y no con .innerHTML como lo intentabas hacer.

function cambioValor(){
  let captureNumber = document.getElementById("number2").value

  console.log(captureNumber)
}
<input type="number" placeholder="Nivel de Seguridad"  min="65" max="90" id="number2" onchange="cambioValor();">

6
  • ¿y como puedo capturar ese numero y almacenarlo en una variable?
    – user889
    el 30 may. 2018 a las 15:48
  • @user889 ya lo estás capturando y almacenando en la variable captureNumber el 30 may. 2018 a las 15:53
  • 1
    gracias @Bender
    – user889
    el 30 may. 2018 a las 15:56
  • de hecho el onchange funciona en firefox cuando abandono la caja de texto , les invito a probarlo el 30 may. 2018 a las 15:59
  • @JackNavaRow acabo de probarlo en Firefox y funciona igual con las flechas, será algo de versiones? el 30 may. 2018 a las 16:01
0

Tienes muchas opciones, colocare dos de ellas:

Con OnKeyPress

const $number2 = document.getElementById("number2");
$number2.onkeydown = function(ev){
  console.log("tecla ingresada que debo validar" , ev.key)
  console.log("valor antes de la validacion" , this.value)
};
<input type="number" placeholder="Nivel de Seguridad"  min="65" max="90" id="number2">

Con Listeners

const $number2 = document.getElementById("number2");
$number2.addEventListener('keydown', function(ev) {
   console.log("tecla ingresada que debo validar" , ev.key)
  console.log("valor antes de la validacion" , this.value)
 })
<input type="number" placeholder="Nivel de Seguridad"  min="65" max="90" id="number2">

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.