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

No:17575

151

←

Prev Next

→

Where you can use an so on any game downloaded to ..ALL
Developer User7730｜Date and time 23/9/24 0:14:32
Build time 40.105 sec｜Game capacity 3.554KB｜

Script

Sure! Here is an example of a simple game implemented in a single HTML file using JavaScript and enclosed in `` tags. The game is called "Kermit Learns How to Play" and it involves selecting the correct pictogram based on the given description.

Kermit Learns How to Play

Please select the pictogram that represents the following activity:

🏊‍♂️

🏃‍♂️

⚽️

🎸

🎨

In this game, the player needs to select the pictogram that corresponds to the given activity description. The pictograms are displayed as emojis for simplicity. Each time the player selects a pictogram, their answer is checked, and they receive a score based on their correctness. The game ends after all activities are displayed, and the final score is shown.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here is an example of a simple game implemented in a single HTML file using JavaScript and enclosed in `<script>` tags. The game is called "Kermit Learns How to Play" and it involves selecting the correct pictogram based on the given description.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Kermit Learns How to Play</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    h1 {
      text-align: center;
    }
    .pictogram {
      width: 200px;
      height: 200px;
      border: 2px solid #333;
      margin: 10px;
      display: inline-block;
      cursor: pointer;
    }
    .selected {
      border-color: #ff9900;
    }
  </style>
</head>
<body>
  <h1>Kermit Learns How to Play</h1>

<div id="description">
    <p>Please select the pictogram that represents the following activity:</p>
    <p id="activity"></p>
  </div>

var activities = [
      { description: "Playing pool", pictogram: "🎱" },
      { description: "Cycling", pictogram: "🚴‍♀️" },
      { description: "Cooking", pictogram: "🍳" },
      { description: "Reading", pictogram: "📚" },
      { description: "Dancing", pictogram: "💃" }
    ];

var currentActivityIndex = 0;
    var score = 0;

function displayRandomActivity() {
      var randomIndex = Math.floor(Math.random() * activities.length);
      var randomActivity = activities[randomIndex];

activityText.textContent = randomActivity.description;
      description.style.display = "block";

for (var i = 0; i < pictograms.length; i++) {
        pictograms[i].classList.remove('selected');
        pictograms[i].textContent = randomActivity.pictogram;
      }
    }

function checkAnswer(selectedPictogram) {
      var currentActivity = activities[currentActivityIndex];

if (selectedPictogram.getAttribute('data-activity') === currentActivity.description.toLowerCase().replace(/ /g, '')) {
        score++;
      }

currentActivityIndex++;

if (currentActivityIndex < activities.length) {
        displayRandomActivity();
      } else {
        endGame();
      }
    }

function endGame() {
      description.textContent = "Game Over! Your score is " + score + "/" + activities.length;
      description.style.display = "block";

for (var i = 0; i < pictograms.length; i++) {
        pictograms[i].style.display = "none";
      }
    }

for (var i = 0; i < pictograms.length; i++) {
      pictograms[i].addEventListener('click', function() {
        this.classList.add('selected');
        checkAnswer(this);
      });
    }

displayRandomActivity();
  </script>
</body>
</html>
```