Python goes HTML

Seit April 2022 ist es möglich, Python mit dem Framework PyScript direkt in einer HTML-Seite ausführen zu lassen. Dabei kann der Python-Script auch in einer ▸ externen* Datei sein. Der Output wird mit Vorteil in einem div ausgegeben. (* extern bedeutet: die beiden Dateien müssen sich auf demselben Server befinden).

<head>
Die folgenden beiden Scripts im head einsetzen:
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

<body>
Den folgenden Script im body einsetzen:
Script:

<py-script output="out">
a = 56
b = 67
c = 0.789
print(round(a*b/c,2))

a = 56 b = 67 c = 0.789 print(round(a*b/c,2))

<div id="out">In diesem div erscheint das folgende Resultat:</div>

Fügt man den Tag <py-repl auto-generate="true"> </py-repl> hinzu, erscheint in der Webseite eine Konsolen-Zeile, in der Code eingetippt und mit “Shift+Enter” direkt ausprobiert werden kann.

press Shift-ENTER to evaluate a cell or click/touch the arrow and ▸ reload the page

▸ web2-unterricht