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

No:20838

←

Prev Next

→

Etc f hug thfrygeygr
Developer User9100｜Date and time 23/10/11 7:54:41
Build time 114.662 sec｜Game capacity 3.366KB｜

Script

Sure, I can help you create a simple game using JavaScript and HTML. Here's an example of a game called "Pictogram Match" where you need to select the correct pictogram that matches the given word:

Pictogram Match

You can copy the above code and save it in a single HTML file, for example, `game.html`. Open the file in any web browser on your smartphone, and you will be able to play the "Pictogram Match" game. Please note that the game uses JavaScript features that may not be supported by older web browsers, so make sure you are using a modern web browser to run it.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, I can help you create a simple game using JavaScript and HTML. Here's an example of a game called "Pictogram Match" where you need to select the correct pictogram that matches the given word:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Match</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    .game-container {
      margin-top: 20px;
    }
    .word-display {
      font-size: 24px;
      margin-bottom: 10px;
    }
    .pictogram {
      display: inline-block;
      width: 80px;
      height: 80px;
      background-color: #f0f0f0;
      border-radius: 50%;
      margin: 5px;
      cursor: pointer;
    }
    .success {
      background-color: #28a745;
    }
    .failure {
      background-color: #dc3545;
    }
  </style>
</head>
<body>
  <h1>Pictogram Match</h1>

// Get random word and pictograms
    const randomIndex = Math.floor(Math.random() * pictograms.length);
    const { icon, word } = pictograms[randomIndex];

// Display the random word
    const wordDisplay = document.getElementById("wordDisplay");
    wordDisplay.textContent = word;

// Assign random pictogram icons to HTML elements
    const pictogramElements = document.querySelectorAll(".pictogram");
    const randomPictograms = pictograms
      .slice(0, pictograms.length)
      .sort(() => Math.random() - 0.5)
      .map((pictogram) => pictogram.icon);

pictogramElements.forEach((element, index) => {
      element.textContent = randomPictograms[index];
      element.addEventListener("click", selectPictogram);
    });

function selectPictogram(event) {
      const selectedIcon = event.target.textContent;
      const selectedPictogram = pictograms.find(
        (pictogram) => pictogram.icon === selectedIcon
      );

if (selectedPictogram.word === word) {
        toggleResultClass(event.target, "success");
        setTimeout(() => {
          alert("Correct! You matched the pictogram.");
          resetGame();
        }, 500);
      } else {
        toggleResultClass(event.target, "failure");
        setTimeout(() => {
          alert("Oops! That's not the correct pictogram.");
          resetGame();
        }, 500);
      }
    }

function toggleResultClass(element, resultClass) {
      element.classList.add(resultClass);
      setTimeout(() => {
        element.classList.remove(resultClass);
      }, 300);
    }

function resetGame() {
      window.location.reload();
    }
  </script>
</body>
</html>
```

You can copy the above code and save it in a single HTML file, for example, `game.html`. Open the file in any web browser on your smartphone, and you will be able to play the "Pictogram Match" game.

Please note that the game uses JavaScript features that may not be supported by older web browsers, so make sure you are using a modern web browser to run it.