Simple Reactive Inputs - YpsilonEventHandler

Input 1 → Single Output

Input 2 → Multiple Outputs! 🤯

Class-based target

Another class target

Input 3 → Complex Selectors!

Class selector target

Another class target

Data attribute target

Another data target

☑️ Reactive Checkboxes

Toggle elements in and out of existence:

Show/Hide Yellow Box

Toggle Multiple Boxes

Master Toggle (Controls Other Checkboxes)

🎯 The Magic

Two listeners handle all inputs/checkboxes and update ALL matching targets automatically!

✅ No individual listeners
✅ No manual binding
✅ Pure event delegation
✅ CSS selector support
✅ Comma-separated multiple targets
✅ Text inputs + checkbox toggles

Reactive Patterns:

data-target="#myId" → Update text content
data-target=".myClass" → Update multiple elements
data-toggle=".box" → Show/hide elements
data-toggle=".box1, .box2" → Toggle multiple elements
data-toggle-checkboxes="#cb1, #cb2" → Control other checkboxes

Safe and explicit - only affects exactly what you specify!