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

No:27683

Spot The Difference: Xavier Riddle & The Secret Mu..ALL
Developer User13756｜Date and time 23/12/8 5:48:34
Build time 16.539 sec｜Game capacity 2.435KB｜

Script

Spot The Difference

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
    #container {
        text-align: center;
        margin-top: 100px;
    }
    #image1, #image2 {
        width: 300px;
        height: 300px;
        margin-bottom: 20px;
        border: 2px solid black;
        display: inline-block;
    }
    #result {
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
    }
    #button {
        font-size: 16px;
        padding: 10px;
        margin-top: 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
        border-radius: 5px;
    }
</style>
</head>
<body>
    <div id="container">
        <h1>Spot The Difference</h1>
        <div id="image1"></div>
        <div id="image2"></div>
        <button id="button">Find the Difference</button>
        <div id="result"></div>
    </div>

var differences = [
            { x: 100, y: 150 },
            { x: 220, y: 240 },
            // Add more differences if needed
        ];

var currentIndex = 0;

function nextImage() {
            currentIndex = (currentIndex + 1) % images.length;
            document.getElementById("image1").style.backgroundImage = "url(" + images[currentIndex] + ")";
            document.getElementById("image2").style.backgroundImage = "url(" + images[currentIndex] + ")";
            document.getElementById("result").textContent = "";
        }

document.getElementById("button").addEventListener("click", nextImage);
        document.getElementById("image1").addEventListener("click", showDifferences);
        document.getElementById("image2").addEventListener("click", showDifferences);

// Start with the first image
        nextImage();
    </script>
</body>
</html>