Skip to main content
Se colocó el código de javascript en un snippet para que pudiera ser ejecutado directamente desde el sitio.
Origen Enlace
Jaime
  • 7.3k
  • 2
  • 11
  • 23

Tengo una función que comprueba si el valor de input esta vacío, si es así, se asigna un 5 a una variable, si no, el valor del input. Ahora pasa que el getElementById("num").value devuelve <input type="number" class="form-control" id="num" name="num"> , y debería ser su valor, no el tag.

Mi función:

function b(){
//Comprobación
if(document.getElementById("num").value === ""){
    let num = 5;
}
else{
    let num = document.getElementById("num").value;
}
console.log(num); }

function b(){
    //Comprobación
    if(document.getElementById("num").value === ""){
        let num = 5;
    }
    else{
        let num = document.getElementById("num").value;
    }
    console.log(num); 
}

b()
<input type="number" class="form-control" id="num" name="num">
 

En cambio, si escribo simplemente:

function a(){
    let num = document.getElementById("num").value;
    console.log(num); }

function a(){
  let num = document.getElementById("num").value;
  console.log(num);
}
a()
<input type="number" class="form-control" id="num" name="num">

Sí que funciona, y le introduce el valor. ¿Alguien sabe a que se debe? Gracias.

Tengo una función que comprueba si el valor de input esta vacío, si es así, se asigna un 5 a una variable, si no, el valor del input. Ahora pasa que el getElementById("num").value devuelve <input type="number" class="form-control" id="num" name="num"> , y debería ser su valor, no el tag.

Mi función:

function b(){
//Comprobación
if(document.getElementById("num").value === ""){
    let num = 5;
}
else{
    let num = document.getElementById("num").value;
}
console.log(num); }

En cambio, si escribo simplemente:

function a(){
    let num = document.getElementById("num").value;
    console.log(num); }

Sí que funciona, y le introduce el valor. ¿Alguien sabe a que se debe? Gracias.

Tengo una función que comprueba si el valor de input esta vacío, si es así, se asigna un 5 a una variable, si no, el valor del input. Ahora pasa que el getElementById("num").value devuelve <input type="number" class="form-control" id="num" name="num"> , y debería ser su valor, no el tag.

Mi función:

function b(){
    //Comprobación
    if(document.getElementById("num").value === ""){
        let num = 5;
    }
    else{
        let num = document.getElementById("num").value;
    }
    console.log(num); 
}

b()
<input type="number" class="form-control" id="num" name="num">
 

En cambio, si escribo simplemente:

function a(){
  let num = document.getElementById("num").value;
  console.log(num);
}
a()
<input type="number" class="form-control" id="num" name="num">

Sí que funciona, y le introduce el valor. ¿Alguien sabe a que se debe? Gracias.

Origen Enlace

getElementById .value no devuelve valor de input

Tengo una función que comprueba si el valor de input esta vacío, si es así, se asigna un 5 a una variable, si no, el valor del input. Ahora pasa que el getElementById("num").value devuelve <input type="number" class="form-control" id="num" name="num"> , y debería ser su valor, no el tag.

Mi función:

function b(){
//Comprobación
if(document.getElementById("num").value === ""){
    let num = 5;
}
else{
    let num = document.getElementById("num").value;
}
console.log(num); }

En cambio, si escribo simplemente:

function a(){
    let num = document.getElementById("num").value;
    console.log(num); }

Sí que funciona, y le introduce el valor. ¿Alguien sabe a que se debe? Gracias.