Create a game for adhd's game

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

No:51325

189

←

Prev Next

→

Create a game for adhd
Developer User21502｜Date and time 24/3/11 18:08:45
Build time 9.813 sec｜Game capacity 2.107KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
<title>ADHD Game</title>
</head>
<body>
<script>
// Pictograms for the game
const pictograms = [
  '🚗', '🚕', '🚙', '🚌', '🚎', '🏎️', '🚓', '🚒', '🚐',
  '🚚', '🚛', '🚜', '🏍️', '🛵', '🚲', '🛴', '🚹', '🛑'
];

let score = 0;
let timeLeft = 30;

// Display a random pictogram
function displayPictogram() {
  const randomIndex = Math.floor(Math.random() * pictograms.length);
  const randomPictogram = pictograms[randomIndex];
  const pictogramElement = document.getElementById('pictogram');
  pictogramElement.textContent = randomPictogram;
}

// Check if the right pictogram was clicked
function checkPictogram(event) {
  if (event.target.textContent === document.getElementById('pictogram').textContent) {
    score++;
    document.getElementById('score').textContent = `Score: ${score}`;
    displayPictogram();
  }
}

// Update time left
function updateTimeLeft() {
  timeLeft--;
  document.getElementById('time').textContent = `Time Left: ${timeLeft}`;

if (timeLeft === 0) {
    alert(`Game Over! Your score is ${score}`);
    location.reload(); // Reload the page to start the game again
  }
}

// Creating the game elements
const gameContainer = document.createElement('div');
gameContainer.style.textAlign = 'center';

const pictogramElement = document.createElement('div');
pictogramElement.id = 'pictogram';
pictogramElement.style.fontSize = '3em';
gameContainer.appendChild(pictogramElement);

const scoreElement = document.createElement('div');
scoreElement.id = 'score';
scoreElement.textContent = 'Score: 0';
gameContainer.appendChild(scoreElement);

const timeElement = document.createElement('div');
timeElement.id = 'time';
timeElement.textContent = `Time Left: ${timeLeft}`;
gameContainer.appendChild(timeElement);

document.body.appendChild(gameContainer);

displayPictogram(); // Start the game by displaying the first pictogram
setInterval(updateTimeLeft, 1000); // Start the timer

gameContainer.addEventListener('click', checkPictogram); // Event listener for clicking on pictograms
</script>
</body>
</html>