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

No:32336

←

Prev Next

→

Slurp
Developer User7580｜Date and time 23/12/31 5:06:09
Build time 13.167 sec｜Game capacity 2.971KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file, enclosed in script tags and written in JavaScript.

Welcome to the Pictogram Game!

Can you guess the word represented by the pictogram?

The code above sets up a simple game where the player needs to guess the word represented by a given pictogram. The pictograms are stored in a `pictograms` folder and referenced in the `words` array along with their corresponding word answers. When the game starts, a random pictogram is displayed, and the player can enter their guess in the input field. Upon submitting the guess, the `checkGuess()` function is called. If the guess matches the current word, a success message is displayed, and the `getNextWord()` function is called to load the next word and pictogram. If the guess is incorrect, an error message is shown. The player can continue playing by guessing subsequent pictograms until all of them have been guessed.

←

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 implemented as a single HTML file, enclosed in script tags and written in JavaScript.

```html
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }
    
    h1 {
      font-size: 24px;
    }
    
    .button {
      display: inline-block;
      margin: 10px;
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      font-size: 18px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
    }
  </style>
</head>

<body>
  <h1>Welcome to the Pictogram Game!</h1>
  <p>Can you guess the word represented by the pictogram?</p>
  <img id="pictogram" src="pictogram.png" alt="pictogram" style="width: 200px; height: 200px;">
  <br>
  <input id="guessInput" type="text" placeholder="Your guess">
  <button class="button" onclick="checkGuess()">Submit</button>
  <br>
  <p id="resultMessage"></p>

var currentWordIndex = Math.floor(Math.random() * words.length);
    var currentWord = words[currentWordIndex].word;

document.getElementById('pictogram').src = 'pictograms/' + words[currentWordIndex].pictogram + '.png';

function checkGuess() {
      var guessInput = document.getElementById('guessInput');
      var guess = guessInput.value.toLowerCase().trim();

if (guess === currentWord) {
        document.getElementById('resultMessage').textContent = 'Congratulations! You guessed right!';
      } else {
        document.getElementById('resultMessage').textContent = 'Oops! Try again!';
      }

guessInput.value = '';
      getNextWord();
    }

function getNextWord() {
      currentWordIndex = (currentWordIndex + 1) % words.length;
      currentWord = words[currentWordIndex].word;

document.getElementById('pictogram').src = 'pictograms/' + words[currentWordIndex].pictogram + '.png';
    }
  </script>
</body>

</html>
```

When the game starts, a random pictogram is displayed, and the player can enter their guess in the input field. Upon submitting the guess, the `checkGuess()` function is called. If the guess matches the current word, a success message is displayed, and the `getNextWord()` function is called to load the next word and pictogram. If the guess is incorrect, an error message is shown.

The player can continue playing by guessing subsequent pictograms until all of them have been guessed.