im mentally ill

XD

sorry

html

<script src="https://unpkg.com/htmx.org@1.9.0"></script>

<button class="cookie-btn cookie-confirm"
        hx-get="/createsession"
        hx-on="click: alert('Done making a request!')
               htmx:afterRequest: alert('Done making a request!')">
    Okay
</button>

this works

i was literally staring at https://htmx.org/attributes/hx-on/ for half an hour

hmm, i dont seem to get any alerts

I just copied this into codepen, it worked. Check your htmx version and error logs

"1.8.6"

and no error logs

1.8.6 does not have hx-on attribute, it was introduced in 1.9.0 https://github.com/bigskysoftware/htmx/blob/master/CHANGELOG.md

aaaaaaaaaah

understandable

also one more question since i see that there is a gzip version of htmx, how would someone load that into html?

if you load it via CDN, it's already compressed (unpkg uses brotli), so don't worry about it

if you host htmx on your own server, you would have to configure compression yourself, which depends on your setup

okay thanks!

is

click

nescessary here if i dont display any event?

I just used events you provided in your example. You can listen for any event, of course

yea but wont it automatically chose the click event for a button when there is

htmx:afterRequest

in

hx-on

?

question out of curiosity

not sure what you mean by "chose"

htmx parses this attribute value and sets up all necessary event listeners

yea but without the hx-on, it still will make the request on button click

ah, you mean htmx's internal event handlers

event handlers are independent from each other, so when the button is clicked, all handlers should be called

that means that alert will be shown and htmx will send the request

I also have a suspicion, that you are missing https://htmx.org/attributes/hx-trigger/ from your picture. hx-on is purely for client-side scripting purposes, so that developers don't need to install hyperscript or fiddle with vanilla JS when handling simple cases. It does not really affect internal htmx logic

hm

html
<button class="cookie-btn cookie-confirm"
        hx-get="/createsession"
        hx-on="click; htmx:afterRequest: window.location.reload()">
    Okay
</button>

thats basically what im trying to do but it wont work..

remove

click;

ah