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

No:37080

←

Prev Next

→

ASCII Picasso
Developer User13518｜Date and time 24/1/20 4:16:11
Build time 7.12 sec｜Game capacity 1.916KB｜

Script

Mini-Jeu avec des Pictogrammes

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Mini-Jeu avec des Pictogrammes</title>
</head>
<body>
  <h1>Mini-Jeu avec des Pictogrammes</h1>

// Function to shuffle an array
    function shuffleArray(array) {
      for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
      return array;
    }

// Function to initialize the game
    function initializeGame() {
      const gameArea = document.getElementById("game-area");
      
      // Shuffle the pictogram symbols array
      const shuffledSymbols = shuffleArray(pictogramSymbols);

// Display the shuffled pictogram symbols
      shuffledSymbols.forEach(symbol => {
        const pictogram = document.createElement("div");
        pictogram.innerText = symbol;
        pictogram.className = "pictogram";
        gameArea.appendChild(pictogram);
      });

// Add click event listeners to pictograms
      const pictograms = document.getElementsByClassName("pictogram");
      Array.from(pictograms).forEach(pictogram => {
        pictogram.addEventListener("click", handlePictogramClick);
      });
    }

// Function to handle pictogram click event
    function handlePictogramClick(event) {
      const clickedPictogram = event.target;
      
      // Change the style of the clicked pictogram
      clickedPictogram.style.background = "yellow";
      clickedPictogram.style.color = "black";

// Remove click event listener from the clicked pictogram
      clickedPictogram.removeEventListener("click", handlePictogramClick);
    }

// Start the game
    initializeGame();
  </script>
</body>
</html>