starter.py

helloworld/starter.py

@@ -0,0 +1,16 @@
+from random import random
+from fasthtml.common import *
+app,rt = fast_app()
+
+@rt
+def index():
+    return Titled(
+        'Hello',
+        Div(P('click'), post=rnd)
+    )
+
+@rt
+def rnd(): return P(random())
+
+serve()
+

htmx/surreal.py

@@ -4,12 +4,23 @@
 @rt("/")
 def get():
     return Titled('Hello',
+        H2("fadeOut() Demo"),
         Safe('I fade <i>out</i> and <i>remove</i> my italics.'),
-        Any('await sleep(1000); e.fadeOut()', 'i'),
-        Div('Click me to remove me.', On('e.fadeOut()')),
+        Any('i', 'await sleep(1000); e.fadeOut()'),
         Button('Click me to remove me.', On('e.fadeOut()')),
-        Div('I am leaving soon!'),
-        Prev('await sleep(1000); e.fadeOut()')
+        H2("On() Demo"),
+        Div("I change color when clicked.",
+            On("e.styles('background-color: lightblue');")
+        ),        
+        H2("AnyOn() Demo"),
+        Button("Button 1"),
+        Button("Button 2"),
+        Button("Button 3"),
+        AnyOn("button", "e.classToggle('highlight');"),
+        H2("Prev() Demo"),
+        Input(type="text", placeholder="Type here"),
+        Prev("e.value = e.value.toUpperCase();", event="input"),
+        Style(".highlight { background-color: yellow; }")
     )
 
 serve()