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

No:11696

←

Prev Next

→

A game like console
Developer unknown｜Date and time 23/8/12 0:18:04
Build time 26.733 sec｜Game capacity 2.776KB｜

Script

Guess the Animal!

🐶

Score: 0

Time Remaining: 60s

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <script>
    // Pictogram data (feel free to update with your own pictograms)
    const pictograms = {
      🐶: 'dog',
      🐱: 'cat',
      🐭: 'mouse',
      🐰: 'rabbit',
      🦊: 'fox',
      🐼: 'panda',
      🐯: 'tiger',
      🐻: 'bear',
      🦁: 'lion',
      🐵: 'monkey',
    };

// Game logic
    let score = 0;
    let remainingTime = 60;

function getRandomPictogram() {
      const pictogramKeys = Object.keys(pictograms);
      const randomIndex = Math.floor(Math.random() * pictogramKeys.length);
      return pictogramKeys[randomIndex];
    }

function startGame() {
      document.getElementById('instructions').style.display = 'none';
      document.getElementById('score').innerText = 'Score: 0';
      document.getElementById('time').innerText = 'Time Remaining: 60s';

showPictogram();
    }

function showPictogram() {
      const pictogram = getRandomPictogram();
      document.getElementById('pictogram').innerText = pictogram;
      document.getElementById('pictogram').style.fontSize = '96px';
      document.getElementById('pictogram').style.padding = '20px';
      document.getElementById('pictogram').style.margin = '10px';
      document.getElementById('guess').value = '';
    }

function endGame() {
      document.getElementById('pictogram').innerText = 'Game Over!';
      document.getElementById('instructions').style.display = 'block';
      document.getElementById('score').innerText = `Final Score: ${score}`;
      document.getElementById('time').innerText = 'Time Remaining: 0s';
    }

function checkGuess() {
      const guess = document.getElementById('guess').value.trim().toLowerCase();
      const currentPictogram = document.getElementById('pictogram').innerText;
      const expectedAnswer = pictograms[currentPictogram];

if (guess === expectedAnswer.toLowerCase()) {
        score++;
        document.getElementById('score').innerText = `Score: ${score}`;
        showPictogram();
      }
    }
  </script>

<h2 id="instructions">Guess the Animal!</h2>
  <div>
    <h1 id="pictogram">🐶</h1>
    <input type="text" id="guess" placeholder="Enter your guess...">
    <button onclick="checkGuess()">Submit</button>
  </div>
  <div>
    <h3 id="score">Score: 0</h3>
    <h3 id="time">Time Remaining: 60s</h3>
  </div>

<button onclick="startGame()">Start Game</button>
</body>
</html>