Gioco Indovina il Paese - Esempio JavaScript

45 iroger7

Apri nell'Editor Pubblica il Tuo Codice

Gioco Indovina il Paese - Esempio JavaScript

Consigliato

5 July 2025

Esempio di selettore data HTML

17 May 2025

gioco del serpente

19 October 2024

Sito web del portfolio dello sviluppatore HTML

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>

Gioco Indovina il Paese - Esempio JavaScript

Consigliato

Esempio di selettore data HTML

gioco del serpente

Sito web del portfolio dello sviluppatore HTML

HTML

CSS

JS

Consigliato

Esempio di selettore data HTML

gioco del serpente

Sito web del portfolio dello sviluppatore HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS