Juego de adivinar el país - Ejemplo de JavaScript

357 iroger7

Abrir en el editor Video Publica tu código

Juego de adivinar el país - Ejemplo de JavaScript

Recomendado

18 April 2025

Un código de Metehan

28 June 2025

Plantilla HTML de página de error 404

30 July 2025

Plantilla HTML de página de pago de tarjeta Visa

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>

Juego de adivinar el país - Ejemplo de JavaScript

Recomendado

Un código de Metehan

Plantilla HTML de página de error 404

Plantilla HTML de página de pago de tarjeta Visa

HTML

CSS

JS

Recomendado

Un código de Metehan

Plantilla HTML de página de error 404

Plantilla HTML de página de pago de tarjeta Visa

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS