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

No:37289

←

Prev Next

→

Chat gpt
Developer User17053｜Date and time 24/1/21 0:25:39
Build time 10.623 sec｜Game capacity 2.369KB｜

Script

픽토그램 게임

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

#game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }

#pictogram {
      font-size: 8rem;
      margin-bottom: 1rem;
    }

#message {
      font-weight: bold;
    }

button {
      padding: 0.5rem 1rem;
      font-size: 1rem;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>픽토그램 게임</h1>
    <div id="pictogram"></div>
    <div id="message"></div>
    <button id="play-button">게임 시작!</button>
  </div>

var currentPictogramIndex;
    var isGamePlaying;
  
    function getRandomPictogram() {
      var randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }
  
    function startGame() {
      isGamePlaying = true;
      document.getElementById("play-button").disabled = true;
      showNextPictogram();
    }
  
    function showNextPictogram() {
      if (isGamePlaying) {
        var pictogramContainer = document.getElementById("pictogram");
        currentPictogramIndex = getRandomPictogram();
        pictogramContainer.innerHTML = currentPictogramIndex.emoji;
      }
    }
  
    function checkAnswer(answer) {
      if (isGamePlaying) {
        var messageContainer = document.getElementById("message");
        if (answer.toLowerCase() === currentPictogramIndex.word) {
          messageContainer.innerHTML = "정답입니다!";
          showNextPictogram();
        } else {
          messageContainer.innerHTML = "틀렸습니다. 다음 기회에!";
        }
      }
    }
  
    document.getElementById("play-button").addEventListener("click", startGame);
  
    document.addEventListener("keypress", function(event) {
      if (event.key === "Enter") {
        var answerInput = document.getElementById("answer-input");
        checkAnswer(answerInput.value);
        answerInput.value = "";
      }
    });
  </script>
</body>
</html>