PyScript-Basics/index.html at main · 4dcu-be/PyScript-Basics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
    <head>
        <title>PyScript Test</title>

        <link rel="stylesheet" href="./style.css">

        <link rel="stylesheet" href="https://pyscript.net/releases/2025.11.1/core.css" />
        <script type="module" src="https://pyscript.net/releases/2025.11.1/core.js"></script>

    </head>
    <body>
        <p>PyScript status: <span id="pyscript_status">Not Loaded</span></p>

        <button id="clicks" py-click="increase_counter" class="btn">Count <strong>0</strong></button>
        <button id="toggle" py-click="toggle_text" class="btn">Show Text</button>

        <br />

        <p id="toggle_text" class="hidden">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus cursus mauris mauris, vel fermentum risus hendrerit tincidunt. Aliquam pulvinar tellus et iaculis vestibulum. In pharetra diam eu lectus dignissim tristique. Phasellus laoreet vulputate urna. Fusce vitae elit sodales, tempus dui in, scelerisque magna. Quisque at risus a arcu finibus bibendum. Aliquam ultrices tempus malesuada. Suspendisse potenti. Duis dictum ullamcorper blandit. Proin aliquam egestas tempus. Etiam iaculis, eros ac blandit ultricies, erat sapien vestibulum augue, ac accumsan massa sem quis sapien. Etiam condimentum molestie mi, sed maximus felis lobortis et. Donec in justo vel neque blandit posuere. Suspendisse ac mi ut lorem viverra efficitur. Suspendisse dictum mauris at libero semper sagittis. Fusce magna mi, sodales a tempor quis, mattis quis erat.</p>

        <br />
        <button id="clicks_class" py-click="test_class.inc" class="btn">Count <strong>0</strong></button>

        <script type="py" src='./main.py'></script>
    </body>
</html>