Javascript Tricks

Take advantage of event bubbling to have any element (even if they don't exist yet -> htmx swap) still have the event handled by a global listener

     document.addEventListener('input', handleInput);
     document.addEventListener('change', handleInput);
     function handleInput(event) {
         if (event.target.tagName === 'INPUT' || event.target.tagName === 'SELECT') { // Ensure it's an input event
             console.log(`Input event triggered on: ${event.target.value}`);
         }
     }