Alert Dialog! Alert dialogs appearing one after another! Keep making choices and survive!'s game

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

No:5746

2268

←

Prev Next

→

Alert Dialog! Alert dialogs appearing one after an..ALL
Developer User3589｜Date and time 23/6/30 18:33:54
Build time 24.988 sec｜Game capacity 2.058KB｜

Script

わかりました！次々と現れるアラートダイアログのゲームを作ります。

このHTMLファイルを開くと、アラートダイアログが次々と表示され、ユーザーは「OK」か「キャンセル」を選択することができます。選択によってスコアが変動し、残り時間が表示されます。時間がなくなるとゲームが終了し、最終的なスコアが表示されます。なお、スマートフォンでもプレイ可能ですが、画面のサイズによってはアラートダイアログが重なってしまうことがありますので、ご了承ください。また、絵文字の表示はブラウザやOSの設定に依存するため、全ての環境で正しく表示されるとは限りません。

←

Prev　Next

→ 　

Back　

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

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>
    <script>
        // ゲーム用の変数
        let score = 0;
        let time = 10;

// ゲーム開始時に最初のアラートを表示
        showAlert();

// アラートが表示されるたびに呼ばれる関数
        function showAlert() {
            if (time > 0) {
                // アラートダイアログを表示
                const result = window.confirm("生き残る？");

// 選択結果に応じてスコアを更新
                if (result) {
                    score += 10;
                    time--;
                } else {
                    score -= 5;
                    time--;
                }
                
                // スコアと残り時間を表示
                alert(`スコア: ${score}\n残り時間: ${time}`);

// 次のアラートを表示
                showAlert();
            } else {
                // ゲーム終了時に最終のスコアを表示
                alert(`ゲーム終了！\nあなたのスコア: ${score}`);
            }
        }
    </script>
</body>
</html>
```

このHTMLファイルを開くと、アラートダイアログが次々と表示され、ユーザーは「OK」か「キャンセル」を選択することができます。選択によってスコアが変動し、残り時間が表示されます。時間がなくなるとゲームが終了し、最終的なスコアが表示されます。

なお、スマートフォンでもプレイ可能ですが、画面のサイズによってはアラートダイアログが重なってしまうことがありますので、ご了承ください。また、絵文字の表示はブラウザやOSの設定に依存するため、全ての環境で正しく表示されるとは限りません。