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

No:50092

119

←

Prev Next

→

Half Life 3
Developer Skarby｜Date and time 24/3/7 18:26:11
Build time 9.032 sec｜Game capacity 1.908KB｜

Script

Pictogram Game

Score: 0

Time: 60s

🚗

⚽

🍕

🎸

👑

📸

←

Prev　Next

→ 　

Back　

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

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

// Function to start the game
function startGame() {
  setInterval(updateTime, 1000)
  updateScore()
  generatePictograms()
}

// Function to update time left
function updateTime() {
  timeLeft--
  document.getElementById("time").innerText = `Time: ${timeLeft}s`
  
  if (timeLeft === 0) {
    endGame()
  }
}

// Function to update score
function updateScore() {
  document.getElementById("score").innerText = `Score: ${score}`
}

// Function to generate pictograms
function generatePictograms() {
  // Generate random pictogram
  let pictogram = Math.floor(Math.random() * 6) + 1
  
  // Hide all pictograms
  document.querySelectorAll(".pictogram").forEach((el) => {
    el.style.display = "none"
  })
  
  // Display random pictogram
  document.getElementById(`pictogram${pictogram}`).style.display = "block"
  
  // Set pictogram click event
  document.getElementById(`pictogram${pictogram}`).onclick = () => {
    score++
    updateScore()
    generatePictograms()
  }
}

// Function to end the game
function endGame() {
  alert(`Game Over! Your score is ${score}`)
  score = 0
  timeLeft = 60
  updateScore()
}

</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pictogram Game</title>
<style>
  .pictogram {
    display: none;
    font-size: 50px;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>Pictogram Game</h1>
<p id="score">Score: 0</p>
<p id="time">Time: 60s</p>
<div id="pictogram1" class="pictogram">🚗</div>
<div id="pictogram2" class="pictogram">⚽</div>
<div id="pictogram3" class="pictogram">🍕</div>
<div id="pictogram4" class="pictogram">🎸</div>
<div id="pictogram5" class="pictogram">👑</div>
<div id="pictogram6" class="pictogram">📸</div>

<button onclick="startGame()">Start Game</button>
</body>
</html>