Click here for free DL of the app version that can save data.

No:39961

Jogo de adivinhar cidades do sul de minas
Developer User17910｜Date and time 24/1/31 7:44:30
Build time 8.862 sec｜Game capacity 2.285KB｜

Script

Jogo de Adivinhar Cidades do Sul de Minas

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <title>Jogo de Adivinhar Cidades do Sul de Minas</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        text-align: center;
        padding-top: 50px;
      }
      
      h1 {
        margin-bottom: 30px;
      }
      
      img {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
      }
      
      input {
        padding: 10px;
        margin-bottom: 20px;
        width: 250px;
      }
      
      button {
        padding: 10px 30px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
      }
      
      .result {
        margin-top: 30px;
        font-weight: bold;
        font-size: 18px;
      }
    </style>
  </head>
  <body>
    <h1>Jogo de Adivinhar Cidades do Sul de Minas</h1>
    <img src="sul-de-minas.png" alt="Pictograma do Sul de Minas" />
    <input type="text" id="guess" placeholder="Digite o nome da cidade" /><br />
    <button onclick="checkAnswer()">Adivinhar</button><br />
    <p id="result" class="result"></p>
    
    <script>
      // Array com as cidades do Sul de Minas
      var cidades = [
        { nome: "Pouso Alegre", resposta: "pouso alegre.png" },
        { nome: "Varginha", resposta: "varginha.png" },
        { nome: "Poços de Caldas", resposta: "pocos de caldas.png" },
        { nome: "Lavras", resposta: "lavras.png" },
        // Adicione mais cidades aqui...
      ];
      
      // Função para verificar a resposta
      function checkAnswer() {
        var guess = document.getElementById("guess").value.toLowerCase();
        var result = document.getElementById("result");
        var randomCity = cidades[Math.floor(Math.random() * cidades.length)];
        
        if (guess === randomCity.nome.toLowerCase()) {
          result.style.color = "green";
          result.textContent = "Parabéns! Você acertou a cidade " + randomCity.nome + "!";
          var img = document.createElement("img");
          img.src = randomCity.resposta;
          img.alt = randomCity.nome;
          document.body.appendChild(img);
        } else {
          result.style.color = "red";
          result.textContent = "Oops! Tente novamente.";
        }
      }
    </script>
  </body>
</html>