Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
The Ultimate Mistake Search's game | AI game creator

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

No:1617

2082

←

Prev Next

→

The Ultimate Mistake Search
Developer AI絵師｜Date and time 23/6/18 19:42:08
Build time 38.343 sec｜Game capacity 3.762KB｜

Script

究極の間違い探し

画像の中に隠れた間違いを見つけてください！

このアプリは「究極の間違い探し」というゲームです。画面に表示される画像の中に、見つけるべき間違いが隠されています。スマホでの操作を前提としており、画像をクリックすることで正解かどうかが表示されます。間違いを見つけた場合は、3つ以上間違えないように注意しましょう。絵文字を多めに使用しているため、楽しくプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>究極の間違い探し</title>
    <style>
        body {
            background-color: #eee;
        }
        #container {
            margin: 0 auto;
            max-width: 600px;
        }
        .image-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        img {
            width: 200px;
            margin: 10px;
            cursor: pointer;
        }
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <h1>究極の間違い探し</h1>
    <div id="container">
        <p>画像の中に隠れた間違いを見つけてください！</p>
        <div class="image-container">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/grinning-face-with-big-eyes_1f603.png" alt="OK">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/grinning-face-with-big-eyes_1f603.png" alt="間違い">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/face-throwing-a-kiss_1f618.png" alt="OK">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/face-throwing-a-kiss_1f618.png" alt="間違い">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/raised-hand_1f44b.png" alt="OK">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/raised-hand_1f44b.png" alt="間違い">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/two-hearts_1f495.png" alt="OK">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/two-hearts_1f495.png" alt="間違い">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/237/smiling-face-with-smiling-eyes_1f60a.png" alt="OK">
            <img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/237/smiling-face-with-smiling-eyes_1f60a.png" alt="間違い">
        </div>
        <p id="result" class="hidden">正解！おめでとうございます！</p>
    </div>

// 間違いをクリックした場合の処理
        const handleMistakeClick = (event) => {
            mistakeCount++;
            event.target.classList.add('hidden');
            if (mistakeCount >= 3) {
                document.getElementById('result').classList.remove('hidden');
            }
        };

// 画像をクリックした場合の処理
        images.forEach((image) => {
            if (image.alt === '間違い') {
                image.addEventListener('click', handleMistakeClick);
            } else {
                image.addEventListener('click', () => {
                    alert('正解です！');
                });
            }
        });
    </script>
</body>
</html>