HTMX, perform something on page load
New Courses Coming Soon
Join the waiting lists
Use htmx.onLoad()
Simple example:
<script src='https://unpkg.com/[email protected]'></script>
<p class='mt-5 mb-0' id='last-updated'>Last updated ...</p>
<button
id='fetch-last-updated'
hx-post='/partials/last-updated/'
hx-trigger='click'
hx-target='#last-updated'
hx-swap='innerHTML'>
</button>
<script>
htmx.onLoad(function (el) {
const contentElement = document.getElementById('fetch-last-updated')
htmx.trigger(contentElement, 'click', {})
})
</script>
→ Read my HTMX Tutorial
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- Follow me on X