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

No:5147

1616

←

Prev Next

→

Find the books. Get your books back from the books..ALL
Developer User3589｜Date and time 23/6/29 19:35:39
Build time 20.286 sec｜Game capacity 1.765KB｜

Script

了解しました。以下は、指定された要件に基づいた簡単なゲームの例です。

本を探そう！

上記のコードは、3つの本を表示し、クリックすることで本が隠れるシンプルなゲームです。全ての本を見つけると、おめでとうのメッセージが表示されます。実際のゲームに使用する画像ファイル名には、適切なものを指定してください。また、本の画像の代わりに絵文字を使用することもできます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下は、指定された要件に基づいた簡単なゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>本を探そう！</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <h1>本を探そう！</h1>
    <div>
        <img src="本の画像1.png" id="book1" width="100" height="100" onclick="handleClick('book1')">
        <img src="本の画像2.png" id="book2" width="100" height="100" onclick="handleClick('book2')">
        <img src="本の画像3.png" id="book3" width="100" height="100" onclick="handleClick('book3')">
    </div>

// クリックされた本を隠す関数
        function handleClick(bookId) {
            const book = document.getElementById(bookId);
            book.style.display = 'none';

// クリックされた本の数を増やす
            count++;

// 全ての本を見つけた場合
            if (count === 3) {
                alert('おめでとうございます！全ての本を見つけました！');
            }
        }
    </script>
</body>
</html>
```