El código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>El numero secreto</title>
</head>
<body>
<h1>Este es el juego del numero secreto</h1>
<p>El ordenador ha elegido un numero aleatorio del 1-100 y tu tendras que adivinarlo, mucha suerte.</p>
<input id="M" value="50" ><br>
<button type="button" onclick="myFunction()">Jugar</button>
<div id="txt"></div>
<script type="text/javascript">
var secreto = Math.floor(Math.random()*100)+1; //El numero aleatorio se queda fuera de la funcion porque si no cada vez que le diesemos al boton se cambiaría el valor de "secreto"
function myFunction(){
var x = document.getElementById("M").value;
if (x==secreto){
document.getElementById("txt").innerHTML = "Has adivinado el numero secreto, el numero era "+secreto+". Para jugar otra vez recarga la pagina.";
}else if (x > secreto) {
document.getElementById("txt").innerHTML = "Intenta con un numero mas pequeño.";
}else if (x < secreto) {
document.getElementById("txt").innerHTML = "Intenta con un numero mas grande.";
}
}
</script>
</body>
</html> La pagina para el juego: https://magnitopic.github.io/edujs/adivina
No hay comentarios:
Publicar un comentario