ch2_clickdice

ソース

プログラム

<!DOCTYPE html>
<meta charset="UTF-8">
<!-- モバイル端末用の設定 --- (*1) -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- PyScriptを読み込む --- (*2) -->
<script type="module" src="https://pyscript.net/releases/2025.8.1/core.js"></script>
<!-- HTMLの本体 --- (*3) -->
<body style="text-align:center;">
    <div><button mpy-click="show_dice">サイコロをふる</button><div>
    <div id="disp" style="font-size:8em;">-</div>
</body>
<!-- Pythonのプログラム -->
<script type="mpy">
    import random
    from pyscript import document  # --- (*4)

    # クリックされたときに呼び出される関数 --- (*5)
    def show_dice(event):
        # 1から6の乱数を得る --- (*6)
        r = random.randint(1, 6)
        # id属性がdispのものを取得 --- (*7)
        disp = document.getElementById("disp")
        # dispのテキストを更新 --- (*8)
        disp.innerText = str(r)
</script>

作品について

作品情報

作品を編集

isatomoko 作

ライセンス: 自分用（貯蔵庫のみ/転載不可/ハブ保存なし）
形式: html
タグ: -
利用バージョン: 3.7.9
アクセス数(累計): 49
アクセス数(今月): 2
バグ報告: 0件
更新日時: 2025/11/16 20:54

作品公開情報

交流

ch2_clickdice

プログラム

作品情報

コメント