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

No:45326

0>How to code full tutorial
Developer WinnerWiener1332｜Date and time 24/2/20 11:57:29
Build time 5.389 sec｜Game capacity 1.615KB｜

Script

Guess the Pictogram Game

Click on the pictogram to reveal the answer!

←

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-size: 24px;
            text-align: center;
        }
        .pictogram {
            cursor: pointer;
        }
    </style>
</head>
<body>

<h1>Guess the Pictogram Game</h1>
<p>Click on the pictogram to reveal the answer!</p>
<p id="question"></p>
<p id="answer" style="display:none;"></p>

let currentPictogramIndex = 0;

function displayQuestion() {
        const currentPictogram = pictograms[currentPictogramIndex];
        document.getElementById("question").textContent = currentPictogram.question;
        document.getElementById("answer").textContent = currentPictogram.answer;
    }

function revealAnswer() {
        document.getElementById("answer").style.display = "block";
    }

function nextQuestion() {
        document.getElementById("answer").style.display = "none";
        currentPictogramIndex = (currentPictogramIndex + 1) % pictograms.length;
        displayQuestion();
    }

document.getElementById("question").addEventListener("click", revealAnswer);
    document.getElementById("answer").addEventListener("click", nextQuestion);

displayQuestion();
</script>

</body>
</html>