21 lines
		
	
	
		
			686 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			21 lines
		
	
	
		
			686 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="es">
 | 
						|
<head>
 | 
						|
  <meta charset="UTF-8">
 | 
						|
  <title>Adivina el Número</title>
 | 
						|
  <link rel="stylesheet" href="styles.css">
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
  <h1>¡Adivina el número!</h1>
 | 
						|
  <div id="game-box">
 | 
						|
    <p>Estoy pensando en un número entre 1 y 100.</p>
 | 
						|
    <p>¿Puedes adivinarlo en 7 intentos?</p>
 | 
						|
    <input id="guess-input" type="number" min="1" max="100" placeholder="Tu número" />
 | 
						|
    <button id="guess-btn">Adivinar</button>
 | 
						|
    <button id="restart-btn" class="hidden">Jugar de nuevo</button>
 | 
						|
    <div id="info"></div>
 | 
						|
    <div id="attempts">Intentos restantes: <span id="attempts-left">7</span></div>
 | 
						|
  </div>
 | 
						|
  <script src="script.js"></script>
 | 
						|
</body>
 | 
						|
</html> |