Draw a simple fun game for a 6 year old that is winnable's game

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

No:46132

←

Prev Next

→

Draw a simple fun game for a 6 year old that is wi..ALL
Developer User19939｜Date and time 24/2/23 16:42:36
Build time 6.062 sec｜Game capacity 1.311KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<html>
<head>
  <title>The Pictogram Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }

#game {
      width: 300px;
      height: 300px;
    }

.pictogram {
      font-size: 50px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game"></div>

const gameContainer = document.getElementById("game");

let targetPictogram;
    let playerWon = false;

function startGame() {
      targetPictogram = pictograms[Math.floor(Math.random() * pictograms.length)];

gameContainer.innerHTML = "<p class='pictogram'>" + targetPictogram + "</p>";
    }

function checkWin(selectedPictogram) {
      if (selectedPictogram === targetPictogram) {
        playerWon = true;
        alert("Congratulations! You won!");
      } else {
        alert("Try again!");
      }

startGame();
    }

gameContainer.addEventListener("click", function(event) {
      if (!playerWon) {
        const selectedPictogram = event.target.textContent;
        checkWin(selectedPictogram);
      }
    });

startGame();
  </script>
</body>
</html>