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

No:4584

1603

←

Prev Next

→

毎日カレーライスを食べるゲーム 3択で選ぶ 1秒以内に選ぶ 10回行うカレーライスを選ぶと..ALL
Developer アッキー(ニセ)｜Date and time 23/6/28 11:41:05
Build time 23.46 sec｜Game capacity 2.774KB｜

Script

了解しました。以下が要件に基づいたHTMLファイルです。

カレーライスゲーム

このHTMLファイルは、スマートフォンでプレイすることを想定して作成されています。ゲームは10回の挑戦で構成されており、1つの問題が表示されるごとに3つの選択肢が与えられます。ユーザーは1秒以内に選択しなければなりません。正解のカレーライスを選択するとスコアが加算されます。10回の挑戦が終了した後、正解の数がポップアップウィンドウで表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下が要件に基づいた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-family: sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
        }

h1 {
            margin-bottom: 30px;
        }

button {
            margin: 10px;
            font-size: 18px;
            padding: 10px 20px;
        }
    </style>
</head>

<body>
    <h1>カレーライスゲーム</h1>
    <button onclick="checkAnswer('カレーライス')">カレーライス</button>
    <button onclick="checkAnswer('うどん')">うどん</button>
    <button onclick="checkAnswer('カレーパン')">カレーパン</button>

function checkAnswer(answer) {
            if (answer === 'カレーライス') {
                score++;
            }

if (round < 10) {
                round++;
                showNextQuestion();
            } else {
                showResult();
            }
        }

function showNextQuestion() {
            const choices = ['カレーライス', 'うどん', 'カレーパン'];
            const randomIndex = Math.floor(Math.random() * choices.length);
            const question = choices[randomIndex];

const buttons = document.getElementsByTagName('button');
            for (let i = 0; i < buttons.length; i++) {
                buttons[i].disabled = false;
            }

alert(`問題 ${round}：${question}`);

setTimeout(function() {
                for (let i = 0; i < buttons.length; i++) {
                    buttons[i].disabled = true;
                }
            }, 1000);
        }

function showResult() {
            const message = `10回の挑戦が終了しました。\n正解数：${score} / 10`;
            alert(message);
        }

showNextQuestion();
    </script>
</body>

</html>
```