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

No:16123

102

←

Prev Next

→

Guess the right time!
Developer FirstNormalPerson｜Date and time 23/9/16 6:31:37
Build time 19.518 sec｜Game capacity 2.389KB｜

Script

Sure! Here's an example of a game in HTML using JavaScript where you have to guess the right time. Note that the user interface is optimized for a smartphone operation and pictograms are used:

Guess the Time Game

Guess the correct time

To use this code, save it as an HTML file (e.g., "guess_the_time.html") and open it in a web browser. The game will display an image of a clock with a random time, and you need to enter your guess in the input field. After clicking the "Guess" button, the game will check if your guess matches the current time, and display the result accordingly.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a game in HTML using JavaScript where you have to guess the right time. Note that the user interface is optimized for a smartphone operation and pictograms are used:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Guess the Time Game</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    img {
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <h1>Guess the Time Game</h1>
  <h2>Guess the correct time</h2>
  <img id="timeImg" src="clock.png" alt="Clock Image">
  <br>
  <input type="number" id="guessInput">
  <button onclick="checkGuess()">Guess</button>
  <p id="result"></p>

function startGame() {
      var randomTime = getRandomTime();
      displayTime(randomTime);
    }

function getRandomTime() {
      var hours = Math.floor(Math.random() * 24);
      var minutes = Math.floor(Math.random() * 60);
      return { hours: hours, minutes: minutes };
    }

function displayTime(time) {
      var img = document.getElementById("timeImg");
      img.src = "clock.png"; // Replace with the appropriate image for the time
      img.alt = time.hours + ":" + formatMinutes(time.minutes);
    }

function checkGuess() {
      var guess = parseInt(document.getElementById("guessInput").value);
      var time = getCurrentTime();

if (guess === time.hours) {
        document.getElementById("result").textContent = "Congratulations, you guessed it right!";
      } else {
        document.getElementById("result").textContent = "Oops, wrong guess! The correct time was " +
          time.hours + ":" + formatMinutes(time.minutes);
      }
    }

function getCurrentTime() {
      var date = new Date();
      return { hours: date.getHours(), minutes: date.getMinutes() };
    }

function formatMinutes(minutes) {
      return ("0" + minutes).slice(-2);
    }
  </script>
</body>
</html>
```