Listo!
Nota:
- Que el color del fondo cambie dependiendo si usuario acierta o no.
- ¿Las frases y colores varíen entre valores dados en un array?
Mientras dejo el inicio:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>¡ADIVINA!</title>
<style>
body {
background-color: #5c0099;
}
h1 {
font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
font-size: 8rem;
padding: 3px;
color: #e9c7ff;
letter-spacing: 2px;
text-align: center;
}
p {
font-family: "Courier New", Courier, monospace;
font-size: 1.5rem;
text-align: center;
color: bisque;
}
</style>
</head>
<body>
<h1>¡ADIVINA!</h1>
<hr />
<script>
function saltarLinea() {
document.write("<br>");
}
function imprimir(frase) {
document.write(frase);
saltarLinea();
}
let numeroSecreto = Math.round(Math.random() * 10);
let numeroUsuario = parseInt(
prompt(
"'¿Andas clarividente?, intenta adivinar el número secreto entre 0 y 10. Suerte."
)
);
if (numeroSecreto == numeroUsuario) {
imprimir("<p>¡Wow!, ¡Se nota hoy si desayunaste!</p>");
} else {
imprimir(
"<p>Si, si, si, si... bueno... no; no realmente. Sigue intentando.</p>"
);
}
</script>
</body>
</html>
