0

Estoy haciendo un simulador de un buscador de autos con HTML en realidad son 2 html el index que tiene este ingreso, y panel.html que tiene el resto de la web. 1 css y 2 js. Aca les dejo el index.html donde esta el ingreso.

  <body>
    <center><form action="">
        <label for="nombrePrincipal">Ingrese su Nombre:</label>
        <input type="text" id="nombrePrincipal" placeholder="Guille">
        <br>

        <label for="passPrincipal">Contraseña:</label>
        <input type="text" id="passPrincipal" placeholder="234">
        <br>
        <button id="boton" role="link" type="button" onclick= "entrar()"> Entrar</button>
        


    </form>
    </center>

    <script src="app.js"></script>
</body>

Y ahora les paso el Javascript que uso para ese solo usuario y el boton que uso para el ingreso.

function entrar() {
  const usu = document.getElementById("usuarioPrincipal").value;
  const pass = document.getElementById("passPrincipal").value;
  console.log(usu, pass);

  if (usu == "Guille" && pass == "234") {
    window.location.href = "panel.html";
    localStorage.usuario = usu
  } else {
    alert("Error")
  }
}

No se en donde le estoy errando... El boton cuando hago click no me lleva a ningun lado. No llega al otro html... Gracias.

1
  • 2
    Veo un error en tu función, en tu constante "usu" seleccionas un id inexistente "usuarioPrincipal" en lugar de "nombrePrincipal", trata de cambiar eso.
    – JDev
    Commented el 25 ago. 2022 a las 23:45

1 respuesta 1

0

El problema está en el momento de seleccionar un ID inexistente en tu función, seleccionas usuarioPrincipal en lugar de nombrePrincipal, mira el ejemplo:

function entrar() {
        const usu = document.getElementById("nombrePrincipal").value;
        const pass = document.getElementById("passPrincipal").value;
        console.log(usu, pass);
    if (usu == "Guille" && pass == "234") {
        window.location.href = "https://http.cat/404";
        localStorage.usuario = usu
    } else {
        alert("Error")
    } 
}
<center>
        <form action="">
            <label for="nombrePrincipal">Ingrese su Nombre:</label>
            <input type="text" id="nombrePrincipal" placeholder="Guille">
            <br>

            <label for="passPrincipal">Contraseña:</label>
            <input type="text" id="passPrincipal" placeholder="234">
            <br>
            <button id="boton" role="link" type="button" onclick= "entrar()"> Entrar</button>
        </form>
    </center>

1
  • Si muchachos era eso. Me había bloqueado y no lo veía!!! Gracias. Commented el 27 ago. 2022 a las 0:54

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.