ch2_clickdice 📖

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 作
タイトル: ch2_clickdice
ライセンス: 自分用 (貯蔵庫のみ/転載不可/ハブ保存なし)
タイプ: html
タグ: -
利用バージョン: 3.7.9
作成日時: 2025/11/16 20:54
公開の投稿

ログインして★を付けよう！

作品公開情報

📍この作品のURL:

📍アプリ(即時実行)のURL:

📍アプリ(実行ボタンあり)のURL:

📍ブログパーツ:

上記HTML↑をブログに貼り付けることでアプリを埋め込めます。

📍ライブラリ直リンク - 『!「***」を取込』で使うとき: