PyScript⑨（JavaScriptからPyScriptの変数を参照）

JavaScriptからPyScriptの変数を参照

Pyodideのランタイム（PyScript.runtime）を使うと、JavaScriptからPyScriptの変数を参照することができます。

PyScript内のグローバル変数を参照するためにはJavaScriptにpyscript.runtime.globals.get('変数名')というように記述します。

[ソースコード]

p2j.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
  <head>
    <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
    <script defer src="https://pyscript.net/latest/pyscript.js"></script>
  </head>

  <body>

    <py-script>x = 42</py-script>

    <button onclick="showX()">Click Me to Get 'x' from Python</button>
    <script>
        function showX(){
            alert(`In Python right now, x = ${pyscript.runtime.globals.get('x')}`)
        }
    </script>

  </body>
</html>

[ブラウザ表示]

JavaScriptからPyScriptの変数を参照することができました。