AI game creator

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

No:35251

←

Prev Next

→

Animal Alphabet
Developer User16469｜Date and time 24/1/13 17:56:54
Build time 10.455 sec｜Game capacity 3.182KB｜

Script

Sure! Here's an example of a game called "Animal Alphabet" implemented as a single HTML file with JavaScript:

Animal Alphabet Game

Score: 0

Guess the animal's name:

This game allows players to guess the names of animals based on their corresponding pictograms. The player enters their answer in the provided input box and clicks the "Submit" button. Their score is displayed and updated on each correct answer. The game ends after all the animals have been guessed, and the final score is displayed on the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game called "Animal Alphabet" implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Animal Alphabet</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
  </style>
</head>
<body>
  <h2>Animal Alphabet Game</h2>
  
  <div id="game-container">
    <div id="score-container">Score: <span id="score">0</span></div>
    <div id="question-container">Guess the animal's name: <span id="question"></span></div>
    <input type="text" id="answer-input" placeholder="Type your answer">
    <button id="submit-btn">Submit</button>
    <div id="result"></div>
  </div>

let currentQuestionIndex = 0;
    let score = 0;

// Function to display a new question
    function displayQuestion() {
      document.getElementById("answer-input").value = ""; // Clear answer input
      document.getElementById("result").textContent = ""; // Clear result message
      
      if (currentQuestionIndex < animals.length) {
        const questionContainer = document.getElementById("question");
        questionContainer.textContent = animals[currentQuestionIndex].pictogram;
      } else {
        endGame();
      }
    }

// Function to check the answer and update the score
    function checkAnswer() {
      const answerInput = document.getElementById("answer-input");
      const answer = answerInput.value.toLowerCase().trim();
      const correctName = animals[currentQuestionIndex].name.toLowerCase();
      
      if (answer === correctName) {
        document.getElementById("result").textContent = "Correct!";
        score++;
      } else {
        document.getElementById("result").textContent = "Wrong!";
      }

document.getElementById("score").textContent = score;

currentQuestionIndex++; // Move to the next question
      displayQuestion();
    }

// Function to end the game
    function endGame() {
      document.getElementById("question-container").textContent = "Game Over!";
      document.getElementById("answer-input").disabled = true;
      document.getElementById("submit-btn").disabled = true;
    }

// Event listener for submit button
    document.getElementById("submit-btn").addEventListener("click", checkAnswer);

// Start the game by displaying the first question
    displayQuestion();
  </script>
</body>
</html>
```