HTMX, perform something on page load
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>
→ I wrote 17 books to help you become a better developer:
- C Handbook
- Command Line Handbook
- CSS Handbook
- Express Handbook
- Git Cheat Sheet
- Go Handbook
- HTML Handbook
- JS Handbook
- Laravel Handbook
- Next.js Handbook
- Node.js Handbook
- PHP Handbook
- Python Handbook
- React Handbook
- SQL Handbook
- Svelte Handbook
- Swift Handbook
Also, JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025