数当てゲーム（ボタン選択式）

サイコロの目を当てる数当てゲーム。1から6までのサイコロの目を推測してボタンを押す。

エディタ

プログラム

<!DOCTYPE html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="https://pyscript.net/releases/2025.8.1/core.js"></script>

<body>
    <div style="padding:2em;">
        <p>1から6の数字をえらんでね：</p>
        
        <div>
            <button mpy-click="start">1</button>
            <button mpy-click="start">2</button>
            <button mpy-click="start">3</button>
            <button mpy-click="start">4</button>
            <button mpy-click="start">5</button>
            <button mpy-click="start">6</button>
        </div>
        <br>
        <div id="result"></div>
    </div>
</body>
<script type="mpy">
    import random
    from pyscript import document

def start(event):
        # 1から6の乱数を得る
        ans = random.randint(1, 6)
        
        # 押されたボタンのテキスト（数字）を取得する
        user = event.target.innerText.strip()
        
        # 結果判定
        if user == str(ans):
            msg = f"あたり！答えは {ans} でした。"
            color = "red"
        else:
            msg = f"はずれ！あなたの予想: {user} / 答え: {ans}"
            color = "blue"
            
        # 結果を表示
        result = document.getElementById("result")
        result.textContent = msg
        result.style.color = color
</script>

実行結果

保存

プログラムを保存

表示ページ

直前に実行または一時保存した内容を復元

実行環境

なでしこバージョン

素材

画像・音声・データ

ログインすると素材をアップロードできます。

🍯 プログラム貯蔵庫

プログラム

プログラムを保存

なでしこバージョン

画像・音声・データ