improve htmx example

examples/htmx/application.py

@@ -21,4 +21,10 @@ async def index(self, request: Request):
     @post("/clicked")
     async def clicked(self, request: Request):
         self.click_count += 1
-        await self.template.respond(request.response, "clicked.html", {"click_count": self.click_count})
+
+        rendered = await self.template.render(
+            "click-count.html",
+            {"click_count": self.click_count}
+        )
+
+        await respond_text(request.response, rendered + "Clicked!")

examples/htmx/resources/templates/clicked.html → examples/htmx/resources/templates/click-count.html

@@ -1,3 +1 @@
-Clicked!
-
 <span id="click-count" hx-swap-oob="true">{{ click_count }}</span>

examples/htmx/resources/templates/index.html

@@ -10,7 +10,7 @@
     Click count: <span id="click-count">{{ click_count }}</span>
 </div>
 
-<button hx-post="/clicked" hx-swap="outerHTML">
+<button hx-post="/clicked" hx-swap="innerHTML">
     Click Me
 </button>