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

No:41377

A game to improve your eyesight
Developer User18522｜Date and time 24/2/7 4:13:46
Build time 13.182 sec｜Game capacity 3.095KB｜

Script

Sure! Here's an example of a simple game called "Eye Vision Trainer" implemented as a single HTML file using JavaScript. It's designed to help improve your eyesight by challenging you to identify pictograms. You can play it on your smartphone.

Eye Vision Trainer

Score: 0

To play the game, simply save the code above into a file with the `.html` extension, and open it in your smartphone's web browser. The game will display a pictogram (represented by an emoji) and you need to enter your guess in the provided text input. The game will provide feedback on your guess and keep track of your score. Enjoy and have fun improving your eyesight!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Eye Vision Trainer</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    h1 {
      margin-top: 20px;
    }
    #game {
      margin-top: 50px;
    }
    #pictogram {
      font-size: 128px;
      margin-bottom: 30px;
    }
    #score {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #feedback {
      font-size: 18px;
      margin-bottom: 30px;
    }
    #guess {
      font-size: 18px;
      margin-bottom: 20px;
    }
    #submit {
      font-size: 18px;
    }
  </style>
</head>
<body>
  <h1>Eye Vision Trainer</h1>
  <div id="game">
    <div id="pictogram"></div>
    <div id="score">Score: 0</div>
    <div id="feedback"></div>
    <input type="text" id="guess" placeholder="Enter guess" autofocus>
    <button id="submit">Submit</button>
  </div>

// Global variables
    let score = 0;
    let currentPictogram = "";

// Function to generate a random pictogram
    function generatePictogram() {
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }

// Function to start a new round
    function newRound() {
      currentPictogram = generatePictogram();
      document.getElementById("pictogram").textContent = currentPictogram;
      document.getElementById("feedback").textContent = "";
      document.getElementById("guess").value = "";
      document.getElementById("guess").focus();
    }

// Function to handle guess submission
    function submitGuess() {
      const guess = document.getElementById("guess").value;

if (guess.toLowerCase() === currentPictogram.toLowerCase()) {
        score++;
        document.getElementById("feedback").textContent = "Correct!";
      } else {
        document.getElementById("feedback").textContent = "Incorrect! Try again.";
      }

document.getElementById("score").textContent = "Score: " + score;
      newRound();
    }

// Initialize game
    newRound();

// Event listeners
    document.getElementById("submit").addEventListener("click", submitGuess);
    document.getElementById("guess").addEventListener("keypress", function(event) {
      if (event.keyCode === 13) {
        submitGuess();
      }
    });
  </script>
</body>
</html>
```