0

tengo esta parte de código para validar, pero necesito hacerlo con el operador ternario. Al momento de ponerlo en forma con operador ternario me da un error, si talvez me podrían guiar como hacerlo. Muchas gracias.

    function getName(){
    let userName = document.getElementById('username').value;
    if(userName == ""){
        alert("Debe completar el campo Username");
    }else{
        nameUsers.push(userName);
        document.getElementById('username').value = "";
        setTimeout( function() {location.href = "main.html"; }, 100 );
    }
}

cambiando el if por el operador ternario quedaría así:

function getName(){
    let userName = document.getElementById('username').value;
    userName == "" ? (
        alert("Debe completar el campo Username")
    ) : (
        nameUsers.push(userName);
        document.getElementById('username').value = "";
        setTimeout( function() {location.href = "main.html"; }, 100 );
    );
}

pero esto me da un error, les agradecería su ayuda. Buen día.

1
  • La lógica asociada a tu sentencia condicional if ... else no se puede intercambiar por el operador ternario de la forma que pretendes. Commented el 22 oct. 2021 a las 20:27

1 respuesta 1

1

Tu conversión esta bien, pero al ser ternario en paréntesis, los punto y coma deben ser reemplazados por comas y la linea final sin coma ni punto y coma.

var nameUsers = [];
function getName(){
    let userName = document.getElementById('username').value;
    userName == "" ? alert("Debe completar el campo Username") : (
        nameUsers.push(userName),
        document.getElementById('username').value = "",
        setTimeout( function() {/*location.href = "main.html";*/}, 100 )
    );
}
getName();
console.log(nameUsers);
<input value="Pedro" id="username" type="text">

También observa que removí los paréntesis del TRUE, puesto que solo hay una linea de código.

Otra cosa, puedes usar funciones Globales que reemplacen a esas funciones de JS tan largas.

function GetByID(d){
   return document.getElementById(d);
}
function echo(d){
  console.log(d);
}
//Usandola: 

let userName = GetByID('username').value;
echo(userName);
<input value="oscar" id="username" type="text">

2
  • muchas gracias, sirvio muy bien tu respuesta.
    – Pepejsc
    Commented el 22 oct. 2021 a las 22:53
  • Con gusto, me alegra poder ayudar.
    – ElJavinci
    Commented el 23 oct. 2021 a las 14:16

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.