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

No:12579

A game where you teach an ai
Developer User4920｜Date and time 23/8/20 1:44:54
Build time 12.292 sec｜Game capacity 2.801KB｜

Script

Sure! Here's an example of a simple game where you teach an AI to recognize different pictograms. It is implemented as a single HTML file, with JavaScript enclosed in script tags:

Teach AI Pictograms Game

Click on the pictogram that matches the shown word.

Score: 0

To play the game, open the HTML file in a web browser on your smartphone. The game will display a word, and you need to click on the corresponding pictogram from the options provided. If you select the correct one, your score will increase, and the next word will be displayed. If you select the wrong one, the selected option will be highlighted in red, and after one second, the next word will be displayed. The score will be updated accordingly. Enjoy teaching the AI different pictograms!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple game where you teach an AI to recognize different pictograms. It is implemented as a single HTML file, with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Teach AI Pictograms Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .pictogram {
      font-size: 40px;
      padding: 10px;
      cursor: pointer;
    }
    .correct {
      background-color: lightgreen;
    }
    .wrong {
      background-color: salmon;
    }
  </style>
</head>
<body>
  <h1>Teach AI Pictograms Game</h1>
  <p class="instruction">Click on the pictogram that matches the shown word.</p>
  <p class="score">Score: <span id="score">0</span></p>
  <div id="pictograms"></div>

let currentPictogram;
    let score = 0;

// Function to select a random pictogram
    function selectPictogram() {
      currentPictogram = pictograms[Math.floor(Math.random() * pictograms.length)];
      document.getElementById("pictograms").innerHTML = currentPictogram.pictogram;
    }

// Function to check the user's answer and update the score
    function checkAnswer(clickedWord) {
      if (clickedWord === currentPictogram.word) {
        score++;
        document.getElementById("score").innerText = score;
        document.getElementById("pictograms").className = "correct";
      } else {
        document.getElementById("pictograms").className = "wrong";
      }

setTimeout(() => {
        document.getElementById("pictograms").className = "";
        selectPictogram();
      }, 1000);
    }

// Initialize the game
    selectPictogram();

// Event listeners for each word
    pictograms.forEach((pict) => {
      const wordElement = document.createElement("p");
      wordElement.className = "pictogram";
      wordElement.innerText = pict.word;
      wordElement.addEventListener("click", () => checkAnswer(pict.word));
      document.getElementById("pictograms").appendChild(wordElement);
    });
  </script>
</body>
</html>
```