プログラミング体験

プログラミング学習の最初の一歩
メモ帳で数字当てゲームを作ろう!

プログラミング学習 最初の一歩
メモ帳で
数字当てゲームを作ろう!

Webブラウザとメモ帳でプログラミングを簡単体験!

初めてのプログラミングの勉強、「私にもできるかな・・」と不安な方も多いと思います。
そんな方のために、パソコンに元々入っているソフトを使って簡単にできるプログラミング体験ゲームをご用意いたしました!
使うのは、誰でも使ったことのあるメモ帳ブラウザだけ。
まずは左の動画をご覧ください。
その後、動画の手順に従って、下記のソースコードをコピーし、ぜひプログラミングの面白さを経験してみてください。

動画内で使用するソースコード

<!DOCTYPE html>
<html>
<body>
    <h1>数字当てゲーム</h1>
    <p>1から100までの数字を当ててください。</p>
    <input type="number" id="answer" min="1" max="100">
    <button onclick="checkAnswer()">チェック</button>
    <p id="result"></p>

    <script>
        // ランダムな数字を生成
        let randomNumber = Math.floor(Math.random() * 100) + 1;

        function checkAnswer() {
            // プレイヤーの入力を取得
            let userNumber = parseInt(document.getElementById('answer').value);
            
            // 結果表示用の要素を取得
            let result = document.getElementById('result');

            // 数字をチェック
            if (userNumber === randomNumber) {
                result.textContent = `おめでとう!正解です。`;
            } else if (userNumber > randomNumber) {
                result.textContent = 'もっと小さい数字です。';
            } else {
                result.textContent = 'もっと大きい数字です。';
            }
        }
    </script>
</body>
</html>

\ 利用は完全無料! /
まずは気軽にアカウント登録