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

No:6799

87

Gues the football clubs
Developer User3927｜Date and time 23/7/3 19:07:21
Build time 26.087 sec｜Game capacity 2.991KB｜

Sure! Here's a simple game where you have to guess the names of football clubs. The game will display a pictogram of a club's logo and you have to type in the correct name of the club. Let's get started:

Guess the Football Clubs

Guess the Club:

To play the game, you'll need to add the actual club names and corresponding logo image URLs to the `clubs` array. You can add as many clubs as you want by following the pattern shown in the code. You should also replace the placeholder image URLs (`emozi_all/play.png`, `emozi_hamuster.png`, etc.) with the actual image URLs for each club's logo. When you open this HTML file in a web browser, it will display the first club's logo and ask you to guess the club's name. Enter your answer in the input field and click "Check". If your answer is correct, you will receive a correct answer alert and your score will increase. If your answer is wrong, you will receive a wrong answer alert along with the correct answer. The game will continue until you have guessed all the clubs in the `clubs` array, and a final score will be displayed at the end. Note: This game assumes that you have club logo images named `emozi_all/game.png`, `emozi_cat.png`, etc. stored in the same directory as the HTML file. Make sure to replace these with your own image URLs or adjust the file names accordingly.

→ 　

0　

0　

[PR]現在の本の売れ筋ランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game where you have to guess the names of football clubs. The game will display a pictogram of a club's logo and you have to type in the correct name of the club. Let's get started:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Guess the Football Clubs</title>
  <style>
    input[type="text"] {
      padding: 10px;
      font-size: 16px;
    }
  </style>
</head>
<body>
  <h1>Guess the Football Clubs</h1>
  
  <div id="score"></div>
  <img id="clubLogo" src="club1.png" alt="Club Logo">
  <br>
  
  <label for="guess">Guess the Club:</label>
  <input type="text" id="guess" placeholder="Enter club name">
  <button onclick="checkAnswer()">Check</button>
  
  <script>
    var score = 0;
    var clubs = [
      { name: "Real Madrid", logo: "club1.png" },
      { name: "Barcelona", logo: "club2.png" },
      { name: "Manchester United", logo: "club3.png" },
      // Add more club names and logos here
    ];
    var currentClub = 0;
    
    function updateScore() {
      document.getElementById("score").innerHTML = "Score: " + score;
    }
    
    function checkAnswer() {
      var answer = document.getElementById("guess").value;
      var correctAnswer = clubs[currentClub].name;
      
      if (answer.toLowerCase() === correctAnswer.toLowerCase()) {
        score++;
        alert("Correct answer!");
      } else {
        alert("Wrong answer! The correct answer is: " + correctAnswer);
      }
      
      currentClub++;
      if (currentClub >= clubs.length) {
        alert("Game Over! Your final score is: " + score);
        document.getElementById("guess").setAttribute("disabled", true);
        document.getElementById("guess").value = "";
      } else {
        document.getElementById("guess").value = "";
        document.getElementById("clubLogo").src = clubs[currentClub].logo;
      }
      
      updateScore();
    }
    
    updateScore();
  </script>
</body>
</html>
```

To play the game, you'll need to add the actual club names and corresponding logo image URLs to the `clubs` array. You can add as many clubs as you want by following the pattern shown in the code. You should also replace the placeholder image URLs (`club1.png`, `club2.png`, etc.) with the actual image URLs for each club's logo.

When you open this HTML file in a web browser, it will display the first club's logo and ask you to guess the club's name. Enter your answer in the input field and click "Check". If your answer is correct, you will receive a correct answer alert and your score will increase. If your answer is wrong, you will receive a wrong answer alert along with the correct answer. The game will continue until you have guessed all the clubs in the `clubs` array, and a final score will be displayed at the end.

Note: This game assumes that you have club logo images named `club1.png`, `club2.png`, etc. stored in the same directory as the HTML file. Make sure to replace these with your own image URLs or adjust the file names accordingly.