Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Inicio de Sesión

Referente al curso Lógica de programación: Conceptos primordiales, en el capítulo Repita Actividades y actividad Simulando una pantalla de inicio de sesión

por Yeisson Alberto Osorio Guarin
| 7.7k xp | 9 posts

Este es el inicio de sesión usando un ciclo while:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> INICIO DE SESIÓN</title>
</head>
<body>

<h1>INICIO DE SESIÓN</h1>

<script >

    function saltarLinea(){        
        document.write("<br>");
        document.write("<hr>");
        document.write("<br>");
    }

    function imprimir(frase){        
        document.write("<big>"+frase+"</big>");
        saltarLinea();
    }

        var inicioDeSesionRegistrado = "alura";
    var contrasenhaRegistrada = "alura321";


    var intentos = 3;
    var contador = 1;

    while (contador <= intentos ) {    
        var inicioDeSesionIngresado = prompt("Ingrese su usuario:");
        var contrasenhaIngresada = prompt("Ingrese su contraseña:");    
        if( inicioDeSesionRegistrado == inicioDeSesionIngresado && contrasenhaRegistrada == contrasenhaIngresada ) {
            alert("Bienvenido al sistema. ||  " + inicioDeSesionIngresado+" ||");
            break;
        } 

        else {
                alert("Inicio de sesión inválido. Favor intente de nuevo. Intento : |"+contador+"| de |"+intentos+"|");
           }
           contador++;            
    }

    if( inicioDeSesionRegistrado == inicioDeSesionIngresado && contrasenhaRegistrada == contrasenhaIngresada ) {
            imprimir("Bienvenido al sistema. ||  " + inicioDeSesionIngresado+" ||");
        } 

        else {
                imprimir("Inicio de sesión inválido. Excedio el número de intentos.");
           }    


</script>

</body>
</html>
1 respuesta
solución!
por Daniel Wilfredo Claure
| 14.1k xp | 5 posts

Buenos días estimado compañero, andaba por la web haciendo las practicas cuando vi su código y me pareció interesante... lo tome prestado y lo ejecute en mi pc, luego vi que se podía mejorar un toque usando el bucle for (del lado de la optimización) por cierto tb utilice Interpolación de cadenas `${variable}`... espero que le sea de ayuda.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> INICIO DE SESIÓN</title>
</head>
<body>

<h1>INICIO DE SESIÓN</h1>

<script >

    function saltarLinea(){        
        document.write("<br>");
        document.write("<hr>");
        document.write("<br>");
    }

    function imprimir(frase){        
        document.write("<big>"+frase+"</big>");
        saltarLinea();
    }

    var inicioDeSesionRegistrado = "alura";
    var contrasenhaRegistrada = "alura321";
    var errorSesion = '';

    for (let intento = 1; intento <= 3; intento++) {

        var inicioDeSesionIngresado = prompt("Ingrese su usuario:");
        var contrasenhaIngresada = prompt("Ingrese su contraseña:");
        if( inicioDeSesionRegistrado == inicioDeSesionIngresado && contrasenhaRegistrada == contrasenhaIngresada ) {
            alert("Bienvenido al sistema. ||  " + inicioDeSesionIngresado+" ||");
            break;
        } else {            
            alert(`Inicio de sesión inválido. Favor intente de nuevo. Intento : |${intento}| de |3|`);
           }
           errorSesion = "Inicio de sesión inválido. Excedio el número de intentos.";
        }

        imprimir(errorSesion);

</script>

</body>
</html>