作品 ID: 3408

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

公開

サイコロの目を当てる数当てゲーム。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>
<!-- HTMLの本体 -->
<body>
    <div style="padding:2em;">
        <p>1から6の数字をえらんでね：</p>
        <!-- 1〜6のボタンを用意し、すべて同じ関数(start)を呼び出す -->
        <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>

作品について

作品情報

作品を編集

Masanori N 作

ライセンス: 未指定（未指定/貯蔵庫のみ）
形式: html
タグ: -
利用バージョン: 3.7.22
アクセス数(累計): 113
アクセス数(今月): 93
更新日時: 2026/07/30 10:23

作品公開情報

交流

コメントを取得中...