Juego de adivinar el país - Ejemplo de JavaScript

829 iroger7

Abrir en el editor Publica tu código

Juego de adivinar el país - Ejemplo de JavaScript

Recomendado

17 December 2024

Dirección de las páginas de inicio de sesión

21 July 2025

Entrada de carga de archivos con icono SVG

20 June 2025

Metaverso deconstruido

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Guess the Country Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f3f9fb;
      text-align: center;
      padding: 50px;
    }
    #game {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 5px;
      display: inline-block;
      padding: 30px 50px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    input[type="text"] {
      padding: 8px;
      font-size: 16px;
      width: 220px;
      margin-top: 12px;
      border: 1px solid #ddd;
      border-radius: 3px;
    }
    button {
      padding: 8px 12px;
      font-size: 16px;
      margin-left: 8px;
      cursor: pointer;
      border: none;
      background-color: #4CAF50;
      color: white;
      border-radius: 3px;
    }
    #message {
      margin-top: 20px;
      font-size: 18px;
      color: #333;
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>Guess the Country!</h1>
    <p>I'm thinking of one of these countries:<br>
      <strong>France, Japan, Canada, Brazil, Australia</strong></p>
    <input type="text" id="guessInput" placeholder="Enter country name" autofocus>
    <button onclick="makeGuess()">Guess</button>
    <div id="message"></div>
  </div>

CSS