PyScript⑨(JavaScriptからPyScriptの変数を参照)

JavaScriptからPyScriptの変数を参照

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

PyScript内のグローバル変数を参照するためにはJavaScriptpyscript.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の変数を参照することができました。