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

No:30104

118

←

Prev Next

→

Ilusão de ótica
Developer User14167｜Date and time 23/12/20 23:16:53
Build time 9.104 sec｜Game capacity 1.902KB｜

Script

Jogo de Ilusão de Ótica

Clique na imagem que parece diferente:

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Ilusão de Ótica</title>
</head>
<body>
    <div id="game-container" style="text-align: center;">
        <h1>Jogo de Ilusão de Ótica</h1>
        <p>Clique na imagem que parece diferente:</p>
        <img src="pictogram1.png" onclick="checkAnswer(1)" style="display: inline-block; margin: 10px;">
        <img src="pictogram2.png" onclick="checkAnswer(2)" style="display: inline-block; margin: 10px;">
        <img src="pictogram3.png" onclick="checkAnswer(3)" style="display: inline-block; margin: 10px;">
    </div>

function checkAnswer(selection) {
            // Check if the selected answer is correct
            if (selection === answer) {
                alert("Parabéns! Você acertou!");
            } else {
                alert("Oops! Você errou. Tente novamente!");
            }

// Restart the game
            restartGame();
        }

function restartGame() {
            // Reset the answer
            answer = Math.floor(Math.random() * 3) + 1;

// Display new set of images
            var imagesContainer = document.getElementById("game-container");
            imagesContainer.innerHTML = '<h1>Jogo de Ilusão de Ótica</h1>\
                                         <p>Clique na imagem que parece diferente:</p>\
                                         <img src="pictogram1.png" onclick="checkAnswer(1)" style="display: inline-block; margin: 10px;">\
                                         <img src="pictogram2.png" onclick="checkAnswer(2)" style="display: inline-block; margin: 10px;">\
                                         <img src="pictogram3.png" onclick="checkAnswer(3)" style="display: inline-block; margin: 10px;">';
        }
    </script>
</body>
</html>