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

No:6014

4270

Tanabata
Developer anonymous｜Date and time 70/1/1 9:39:11
Build time unknown sec｜Game capacity 2.351KB｜

はじめに以下のようなhtmlファイルを作成します。

七夕ゲーム

星をタップして短冊を集めよう！

★

このプログラムは、七夕をテーマにしたシンプルなゲームです。画面上には星の絵文字が表示されており、それをタップすることで短冊を集めることができます。まず、html要素にはタイトル、メッセージ表示、ゲーム画面が含まれています。それぞれ適切なidを割り当て、スタイルを設定しています。 JavaScriptの部分では、タップするたびに短冊の枚数を加算し、星の絵文字を非表示にします。短冊が7枚以下の場合、メッセージに短冊の枚数を表示します。短冊が7枚を超えると、おめでとうのメッセージを表示します。このプログラムは、スマホでも動作するように設計されています。スマホで表示して、星の絵文字をタップすることでゲームを遊ぶことができます。以上で、七夕ゲームの実装が完了です。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

はじめに以下のようなhtmlファイルを作成します。

```html
<!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 {
            font-size: 2rem;
            text-align: center;
        }
        #message {
            font-size: 3rem;
        }
        #game {
            width: 100vw;
            height: 80vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #star {
            font-size: 5rem;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>七夕ゲーム</h1>
    <div id="message">星をタップして短冊を集めよう！</div>
    <div id="game">
        <span id="star" onclick="collectTanzaku()">★</span>
    </div>

<script>
        var tanzakus = 0;

function collectTanzaku() {
            tanzakus++;
            document.getElementById("star").innerHTML = "";

if (tanzakus <= 7) {
                document.getElementById("message").innerHTML = tanzakus + "枚の短冊を集めました！";
            } else {
                document.getElementById("message").innerHTML = "おめでとう！願い事をかなえよう！";
            }
        }
    </script>
</body>
</html>
```

このプログラムは、七夕をテーマにしたシンプルなゲームです。画面上には星の絵文字が表示されており、それをタップすることで短冊を集めることができます。

まず、html要素にはタイトル、メッセージ表示、ゲーム画面が含まれています。それぞれ適切なidを割り当て、スタイルを設定しています。

JavaScriptの部分では、タップするたびに短冊の枚数を加算し、星の絵文字を非表示にします。短冊が7枚以下の場合、メッセージに短冊の枚数を表示します。短冊が7枚を超えると、おめでとうのメッセージを表示します。

このプログラムは、スマホでも動作するように設計されています。スマホで表示して、星の絵文字をタップすることでゲームを遊ぶことができます。

以上で、七夕ゲームの実装が完了です。