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

No:12519

118

←

Prev Next

→

CBeebies World
Developer User4714｜Date and time 23/8/19 3:27:15
Build time 14.942 sec｜Game capacity 2.272KB｜

Script

Sure, I can create a simple game for you in a single HTML file using JavaScript. Here's an example of a game where you need to guess the correct pictogram:

Welcome to CBeebies World - Pictogram Guessing Game!

Guess the meaning of the pictogram below:

In this game, each time the page loads, a random pictogram is displayed. The user needs to enter their guess in the input field and click the submit button. The game will then check if the guess matches the correct answer for that specific pictogram and provide appropriate feedback. Please note that you would need to replace the image file names (`emozi_rabbit.png`, `emozi_hamuster.png`, etc.) with your own pictogram image files for the game to work properly.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, I can create a simple game for you in a single HTML file using JavaScript. Here's an example of a game where you need to guess the correct pictogram:

```html
<!DOCTYPE html>
<html>
<head>
  <title>CBeebies World - Pictogram Guessing Game</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>Welcome to CBeebies World - Pictogram Guessing Game!</h1>
  <p>Guess the meaning of the pictogram below:</p>
  <img id="pictogram" src="pictogram.png" alt="Pictogram">
  <br>
  <input type="text" id="guessInput" placeholder="Enter your guess">
  <button onclick="checkGuess()">Submit</button>
  <p id="result"></p>

// Get a random pictogram from the array
    function getRandomPictogram() {
      return pictograms[Math.floor(Math.random() * pictograms.length)];
    }

let currentPictogram;

function startGame() {
      currentPictogram = getRandomPictogram();
      document.getElementById('pictogram').src = currentPictogram.image;
    }

// Check the user's guess and provide feedback
    function checkGuess() {
      const guess = document.getElementById('guessInput').value;
      if (guess.toLowerCase() === currentPictogram.answer.toLowerCase()) {
        document.getElementById('result').innerText = 'Correct! You guessed it right.';
      } else {
        document.getElementById('result').innerText = 'Wrong answer. Try again!';
      }
    }

// Start the game when the page loads
    window.onload = startGame;
  </script>
</body>
</html>
```

Please note that you would need to replace the image file names (`pictogram1.png`, `pictogram2.png`, etc.) with your own pictogram image files for the game to work properly.