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

Desafio final

// Número secreto aleatorio entre 1 y 100 let numeroSecreto = Math.floor(Math.random() * 100) + 1;

// Obtener los elementos del DOM let inputNumber = document.getElementById('inputNumber'); let checkButton = document.getElementById('checkButton'); let resultDiv = document.getElementById('result'); let attemptsDiv = document.getElementById('attempts');

// Variable para contar los intentos let intentos = 0; let maxIntentos = 5; // Número máximo de intentos

// Función para verificar el número ingresado checkButton.addEventListener('click', function () { // Obtener el número ingresado let numeroUsuario = parseInt(inputNumber.value);

// Validación del número ingresado
if (isNaN(numeroUsuario) || numeroUsuario < 1 || numeroUsuario > 100) {
    resultDiv.textContent = "Por favor ingresa un número válido entre 1 y 100.";
    resultDiv.style.color = "red";
    return; // Detenemos la ejecución si el número no es válido
}

// Incrementar el contador de intentos
intentos++;

// Mostrar los intentos
attemptsDiv.textContent = `Intentos: ${intentos}`;

// Comprobamos si el número es correcto
if (numeroUsuario === numeroSecreto) {
    resultDiv.innerHTML = "<h2>¡Correcto!</h2><p>¡Has adivinado el número secreto!</p>";
    resultDiv.style.color = "green";
    inputNumber.disabled = true; // Deshabilitar el input
    checkButton.disabled = true; // Deshabilitar el botón
} else if (numeroUsuario < numeroSecreto) {
    resultDiv.innerHTML = "<p>El número secreto es mayor. Intenta de nuevo.</p>";
    resultDiv.style.color = "orange";
} else {
    resultDiv.innerHTML = "<p>El número secreto es menor. Intenta de nuevo.</p>";
    resultDiv.style.color = "orange";
}

// Verificar si se alcanzó el límite de intentos
if (intentos >= maxIntentos && numeroUsuario !== numeroSecreto) {
    resultDiv.innerHTML = `<h2>¡Juego terminado!</h2><p>El número secreto era: ${numeroSecreto}</p>`;
    resultDiv.style.color = "red";
    inputNumber.disabled = true; // Deshabilitar el input
    checkButton.disabled = true; // Deshabilitar el botón
}

});

1 respuesta

Hola Rosa, espero que estés bien

Considero su código muy bueno, en este momento no veo puntos de mejora. ¡Continúa con sus estudios y éxito en su carrera!

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

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