Home > front end >  HTML Output in Pyscript
HTML Output in Pyscript

Time:05-11

I was experimenting in Pyscript and I tried to print an HTML table, but it didn't work. It seems to delete the tags and mantain just the plain text.

Why is that? I tried to search online, but being a new technology i didn't find much.

This is my code:

<py-script>
print("<table>")
for i in range (2):
    print("<tr>")
    for j in range (2):
        print("<td>test</td>")
    print("</tr>")
print("</table>")
</py-script>

And this is the output I get: pyscript test output

I tried to replace the print() method with the pyscript.write() method, but it didn't work too.

CodePudding user response:

I dig in source code pyscript.py and at this moment works for me only code similar to JavaScript

For example this adds <h1>Hello</h1>

<div id="output"></div>

<py-script>

element = document.createElement('h1')
element.innerText = "Hello"
document.getElementById("output").append(element)

</py-script>

Full working code

<!DOCTYPE html>

<html>

<head>
  <meta charset="utf-8">
  <title>PyScript Demo</title>
  <!--<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />-->
  <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

<body>

<div id="output"></div>

<py-script>

element = document.createElement('h1')
element.innerText = "Hello"
document.getElementById("output").append(element)

</py-script>

</body>
</html>
  • Related