Realicé un código que permite tres intentos para ingresar el usuario correcto, y luego, una vez ingresado el usuario correcto, permita que la persona tenga hasta tres intentos para ingresar la contraseña, sin tener que ingresar nuevamente su usuario cada vez. También añadí mensajes especiales para cuando la persona tenga los tres intentos fallidos tanto en el ingreso de usuario, como en el ingreso de contraseña.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Red</title>
</head>
<body>
<h1>Inicio de Sesión</h1>
</body>
</html>
<script>
function saltarLinea() {
document.write("<br><br>");
};
function imprimir(mensaje) {
document.write(mensaje);
saltarLinea();
};
var usuarioCorrecto = "Eren";
var contraseniaCorrecta = "Titan123";
for (var intento = 1; intento <= 3; intento ++) {
var usuarioIngresado = prompt("Ingrese su usuario:");
if (usuarioCorrecto == usuarioIngresado) {
// este for es para que una vez ingresado el usuario correcto, le permitamos al usuario intentar tres veces su contraseña, sin tener que ingresar nuevamente su usuario cada vez que se equivoque sólo en la contraseña:
for (var intentoContrasenia = 1; intentoContrasenia <= 3; intentoContrasenia ++) {
var contraseniaIngresada = prompt("Ingrese su contraseña:");
if (contraseniaCorrecta == contraseniaIngresada) {
imprimir("Bienvenido a La Red.");
break;
} else {
// este if es para que al tercer intento fallido, aclaremos al usuario que ya supero sus intentos de ingresar la contraseña correcta, y que debe ingresar nuevamente su usuario:
if (intentoContrasenia == 3) {
alert ("Demasiados intentos incorrectos. Debes ingresar nuevamente tu usuario.");
} else alert("La contraseña ingresada no es correcta.");
};
};
} else {
alert("El usuario ingresado no es válido.");
if (intento == 3) {
imprimir("Demasiados intentos incorrectos. Recargue la página y vuelva a intentar.");
};
};
if ((usuarioCorrecto == usuarioIngresado) && (contraseniaCorrecta == contraseniaIngresada)) {
break;
};
// agregré un if para que el programa saliera definitivamente del bucle una vez que el usuario y la contraseña sean correctos. Porque el primer break, el que esta en el if de arriba, solo lo saca de ese if, y sigue pidiendo que se ingrese el usuario y la contraseña.
};
</script>
