[編集モード] 数当てゲーム

1~9の数字で、何が出るか当ててください

<!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;">
        <input id="user" type="text" placeholder="1から6の数字">
        <button mpy-click="start">数当て</button><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 = document.getElementById("user").value
        # 結果判定
        if user == str(ans):
            msg = f"あたり!答えは{ans}でした。"
            color = "red"
        else:
            msg = f"はずれ!答えは{ans}でした。"
            color = "blue"
        # 結果を表示
        result = document.getElementById("result")
        result.textContent = msg # テキストを更新
        result.style.color = color # 文字色を更新
</script>

デバッグ × キャンバス: 幅 × 高

🍯 プログラム貯蔵庫

[編集モード] 数当てゲーム

素材のアップロード