mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-20 10:47:35 -05:00
38 lines
1.6 KiB
HTML
38 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@pyscript/core</title>
|
|
<link rel="stylesheet" href="../dist/core.css">
|
|
<script type="module" src="../dist/core.js"></script>
|
|
</head>
|
|
<body>
|
|
<py-script id="first">
|
|
import pyscript
|
|
from pyscript import display
|
|
display("Hello", append=True) # Appears in a DIV that is a child of this py-script tag
|
|
pyscript.display("same", append=True) # Appears in another DIV that is a child of this py-script tag
|
|
</py-script>
|
|
<py-script id="second">
|
|
# Appears in a DIV that is a child of this py-script tag, no need to re-import
|
|
display("World", append=True)
|
|
</py-script>
|
|
<py-script id="third">
|
|
# Appears in a DIV that is a child of this py-script tag
|
|
# Re-importing has no effect in the essential behavior
|
|
from pyscript import display
|
|
display("A part", append=True)
|
|
</py-script>
|
|
<py-script id="fourth">
|
|
# Use the 'target' element to specify the ID of an element in the DOM to write the content to
|
|
display("!", target="first", append=True)
|
|
</py-script>
|
|
<py-script worker>
|
|
# Appears in a DIV that is a child of this py-script tag, even with the code running in a worker
|
|
from pyscript import display
|
|
display("worker", append=True)
|
|
</py-script>
|
|
</body>
|
|
</html>
|