AI game creator

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

No:13674

←

Prev Next

→

暗算ゲーム
Developer おまめちゃん｜Date and time 23/8/29 10:57:26
Build time 25.431 sec｜Game capacity 3.909KB｜

Script

了解しました。以下に暗算ゲームのプログラムを示します。

計算中...

このプログラムでは、1から100までの範囲で2つの数値を生成し、足し算の問題を作成します。表示された問題に対して、4つの選択肢の中から正しい答えを選ぶゲームです。ゲームはスマホでも操作でき、絵文字は使用していませんが、ゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下に暗算ゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>暗算ゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 48px;
            user-select: none;
        }
        
        button {
            font-size: 24px;
            padding: 10px;
        }
    </style>
</head>
<body>
    <div id="question">計算中...</div>
    <button id="answer1"></button>
    <button id="answer2"></button>
    <button id="answer3"></button>
    <button id="answer4"></button>
    <script>
        // 乱数の範囲を指定
        const minNumber = 1;
        const maxNumber = 100;
        
        // 問題と正解の数値を保持する変数
        let question;
        let answer;
        
        // 問題を生成する関数
        function generateQuestion() {
            // 2つの数値を生成
            const number1 = getRandomNumber(minNumber, maxNumber);
            const number2 = getRandomNumber(minNumber, maxNumber);
            
            // 問題文を表示
            question = `${number1} + ${number2} = ?`;
            document.getElementById("question").textContent = question;
            
            // 正解を計算
            answer = number1 + number2;
            
            // 正解とダミー選択肢をランダムに並び替え
            const choices = [answer, getRandomNumber(minNumber, maxNumber), getRandomNumber(minNumber, maxNumber), getRandomNumber(minNumber, maxNumber)];
            shuffleArray(choices);
            
            // 選択肢ボタンに答えを表示
            document.getElementById("answer1").textContent = choices[0];
            document.getElementById("answer2").textContent = choices[1];
            document.getElementById("answer3").textContent = choices[2];
            document.getElementById("answer4").textContent = choices[3];
        }
        
        // ランダムな数値を返す関数
        function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }
        
        // 配列をランダムに並び替える関数
        function shuffleArray(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
        }
        
        // 選択肢ボタンがクリックされたときの処理
        function checkAnswer(event) {
            const selectedAnswer = parseInt(event.target.textContent);
            if (selectedAnswer === answer) {
                alert("正解！");
            } else {
                alert("不正解！");
            }
            
            // 新しい問題を生成
            generateQuestion();
        }
        
        // 初期化処理
        function init() {
            // 問題を生成
            generateQuestion();
            
            // 選択肢ボタンにクリックイベントを設定
            const answerButtons = document.querySelectorAll("button[id^='answer']");
            answerButtons.forEach(button => button.addEventListener("click", checkAnswer));
        }
        
        // ページ読み込み時に初期化処理を実行
        window.addEventListener("DOMContentLoaded", init);
    </script>
</body>
</html>
```

このプログラムでは、1から100までの範囲で2つの数値を生成し、足し算の問題を作成します。表示された問題に対して、4つの選択肢の中から正しい答えを選ぶゲームです。

ゲームはスマホでも操作でき、絵文字は使用していませんが、ゲームとして遊ぶことができます。