Files
pyscript/pyscript.core/tests/manual/target.html
Andrea Giammarchi 9f46234f71 Fix #2114 - Cleanup the test folder + automation (#2143)
* Fix #2114 - Cleanup the test folder + automation
* Merged both test and tests into a single folder
2024-08-08 17:08:59 +02:00

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>