Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Proyecto] Simulando una pantalla de inicio de sesión

Para mi solución decidí utilizar la función "while" tomando como base nuestro código del juego de adivinación, además, me tomé la libertad de escribir un mensaje en la página, que cambia si los datos ingresados son correctos o incorrectos.

<meta charset="UTF-8">

<h1>PROGRAMA - Contraseña y usuario</h1>
<br>

<script>

    var inicioDeSesionRegistrado = "alura";
    var contrasenaRegistrada = "alura321";

    var contador = 1;
    var intentos = 3;

    while (contador <= intentos) {

        var inicioDeSesionIngresado = prompt("Ingrese su usuario");
        var contrasenaIngresada = prompt("Ingrese su contraseña");

        if (inicioDeSesionRegistrado == inicioDeSesionRegistrado && contrasenaRegistrada == contrasenaIngresada) {

            alert("Bienvenido al sistema " + inicioDeSesionIngresado);
            break; 

        }

        else {

            alert("Inicio de sesión inválido. Intente de nuevo");

        }

        contador++;

    }

    if (inicioDeSesionRegistrado == inicioDeSesionRegistrado && contrasenaRegistrada == contrasenaIngresada) {

        document.write("<big>" + "Hola, " + inicioDeSesionIngresado + (". ¡Bienvenido al sistema!" + "</big>"));

    }

    else {

        document.write("<big>" + "ERROR" + "</big>")
        document.write("<br>")
        document.write("Demasiados intentos fallidos. Vuelva más tarde")


    }

</script>
1 respuesta

Hola David, espero que esté muy bien.

Gracias por compartir tu avance y lo que aprendiste en clase con nosotros, me alegra mucho que estés marchando en tus primeros pasos en lógica de programación =] tu solución quedó genial y funcional!

¡Felicitaciones por tu dedicación hasta ahora, sigue adelante e y no olvides que si tienes alguna pregunta, estaremos siempre aquí para ayudarte!

Continúa con tus estudios y cualquier duda estaremos aquí.

¡Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios