I finally tried out HTMX! This is a simple app using making calls to the Joke API right in the HTML! I followed this tutorial on SitePoint. And it goes on, but I decided to make my button into an apple to carry on the theme.
HTMX was very simple to get started. You can install it or use the CDN:
<script src="https://unpkg.com/htmx.org@1.9.4"></script>The API call was dead simple to make just
hx-get="https://v2.jokeapi.dev/joke/Any?format=txt&safe-mode&type=single"within my button element.
Then
hx-target="#joke-container"to send the response elsewhere (rather than replacing the button, as is the default behaviour).
My main challenge was making the apple shape, but this YouTube video by Coder ACB was awesome!
And no effort at all was spent on accessibility, but I managed to clear the boards in my Lighthouse testing.
