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

No:21251

←

Prev Next

→

Melon playground
Developer User9721｜Date and time 23/10/14 8:48:45
Build time 50.161 sec｜Game capacity 2.924KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. The game is a guessing game where the player needs to guess the correct pictogram based on the given clue. Since the game should be playable on a smartphone, I've made it responsive and used pictograms for the clues. You can copy the code below and save it as an HTML file to play the game in a web browser:

Pictogram Guessing Game

To play the game, simply open the HTML file in a web browser on your smartphone. You will be presented with a pictogram and a clue to guess the corresponding word. Enter your answer in the input field and click submit. You will receive feedback indicating whether your guess is correct or not. You can then choose to play again by clicking the "Play Again" button. Enjoy the game!

←

Prev　Next

→ 　

Back　

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

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

You can copy the code below and save it as an HTML file to play the game in a web browser:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
  <style>
    #pictogram {
      font-size: 120px;
      text-align: center;
      margin-top: 50px;
    }
    #clue {
      font-size: 24px;
      text-align: center;
      margin-top: 30px;
    }
    #input {
      text-align: center;
      margin-top: 30px;
    }
    #result {
      text-align: center;
      margin-top: 20px;
    }
    #play-again {
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Pictogram Guessing Game</h1>
  <script>
    // Available pictograms and clues
    const pictograms = [
      { image: '🍎', answer: 'apple' },
      { image: '🌞', answer: 'sun' },
      { image: '📷', answer: 'camera' },
      { image: '🐘', answer: 'elephant' },
      { image: '🚗', answer: 'car' }
    ];

// Randomly select a pictogram and clue as the current game
    const randomIndex = Math.floor(Math.random() * pictograms.length);
    const currentGame = pictograms[randomIndex];

// Function to start the game
    function startGame() {
      document.getElementById('pictogram').textContent = currentGame.image;
      document.getElementById('clue').textContent = 'Guess the word represented by the pictogram:';
      document.getElementById('input').innerHTML = '<input type="text" id="guessInput"><button onclick="checkAnswer()">Submit</button>';
    }

// Function to check the player's answer
    function checkAnswer() {
      const guess = document.getElementById('guessInput').value.toLowerCase();
      const result = guess === currentGame.answer ? 'Correct!' : 'Wrong answer. Try again!';
      document.getElementById('result').textContent = result;
      document.getElementById('play-again').innerHTML = '<button onclick="playAgain()">Play Again</button>';
    }

// Function to start a new game
    function playAgain() {
      window.location.reload();
    }

// Start the game
    startGame();
  </script>
  <div id="pictogram"></div>
  <div id="clue"></div>
  <div id="input"></div>
  <div id="result"></div>
  <div id="play-again"></div>
</body>
</html>
```

Enjoy the game!