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

No:12745

←

Prev Next

→

隠し要素があるゲーム
Developer User4403｜Date and time 23/8/22 23:18:56
Build time 15.61 sec｜Game capacity 2.161KB｜

Script

了解しました。以下に、「隠し要素があるゲーム」として遊べるプログラムの一例を示します。

隠し要素ゲーム

このプログラムは、最初に「ゲームスタート」ボタンをクリックすると、ゲームエリアが表示されます。ゲームエリアでは、「隠し要素を見つける」ボタンをクリックすると、隠し要素が表示され、おめでとうのメッセージが表示されます。また、「もう一度遊ぶ」ボタンをクリックすると、ゲームがリセットされ再度遊ぶことができます。スマホ操作にも対応しており、絵文字（🎉）を使用しています。必ず1枚のHTMLファイルとして実装されており、JavaScriptはscriptタグで囲まれています。

←

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>
</head>
<body>
    <h1>隠し要素ゲーム</h1>

<button id="start-button" onclick="startGame()">ゲームスタート</button>

<div id="game-area" style="display: none;">
        <h2>ゲーム中</h2>
        <p>隠し要素を見つけてください！</p>
        <button id="find-button" onclick="findHiddenElement()">隠し要素を見つける</button>

<div id="hidden-element" style="display: none;">
            <p>おめでとう！隠し要素を見つけました！🎉</p>
            <button id="reset-button" onclick="resetGame()">もう一度遊ぶ</button>
        </div>
    </div>

function findHiddenElement() {
            document.getElementById("find-button").style.display = "none";
            document.getElementById("hidden-element").style.display = "block";
        }

function resetGame() {
            document.getElementById("hidden-element").style.display = "none";
            document.getElementById("find-button").style.display = "block";
        }
    </script>
</body>
</html>
```

スマホ操作にも対応しており、絵文字（🎉）を使用しています。必ず1枚のHTMLファイルとして実装されており、JavaScriptはscriptタグで囲まれています。