Form submitting

How to succesfully preventdefault ? I've tried a variety of things but it keeps refreshing the page afterwards

Jochem•10/2/23, 2:13 PM

You have to put as a parameter in the function definition. And defaultPrevented is readonly, you have to call instead
https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

Event: preventDefault() method - Web APIs | MDN

The preventDefault() method of the Event interface tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.

Jochem•10/2/23, 2:14 PM

BrightieOP•10/2/23, 2:15 PM

well, that is one of the things I tried but it didn't do as I had hoped :(( I will try it again

Originally I had it in a different function first, being

BrightieOP•10/2/23, 2:15 PM

but that didnt work

b1mind•10/2/23, 2:15 PM

Sidenote I'd submit the form event not the button. Then you can use the form API?

BBrightie well, that is one of the things I tried but it didn't do as I had hoped :(( I wi...

Jochem•10/2/23, 2:16 PM

you have to call preventDefault, gotta have the () in there

BrightieOP•10/2/23, 2:16 PM

so like this? .

Well, when I added the () it gave an error claiming it aint nof unction

BBrightie well, that is one of the things I tried but it didn't do as I had hoped :(( I wi...

b1mind•10/2/23, 2:16 PM

I like this better yea

BrightieOP•10/2/23, 2:16 PM

giveme a sec

Jochem•10/2/23, 2:16 PM

no,

BrightieOP•10/2/23, 2:19 PM

Well I'll be damned, this time it did the trick

I hate it here, i could swear I tried this once before yet it didnt work lmao

BrightieOP•10/2/23, 2:19 PM

Oh by the way I've always wondered right, it says "event." is deblabla
but if you do it without, it fails

what should event. actually be replaced with?

BrightieOP•10/2/23, 2:19 PM

deprectaed*

BrightieOP•10/2/23, 2:20 PM

aa deprecated*

Jochem•10/2/23, 2:21 PM

not sure what you mean, is the intended vanilla way of cancelling an ongoing event

BrightieOP•10/2/23, 2:22 PM

see the small ~~event~~ ?
If you hover over it it says its deprecated

Jochem•10/2/23, 2:22 PM

I think that might be because you're not passing event in. It should be

BrightieOP•10/2/23, 2:23 PM

oh I see, well it works either way

tho is it adviced to still put event in as parameter or does it not really matter ?

Because if it doesn't really matter I don't see the point of adding it in as paramter, but if it matters for for example errors or safety, then ill put it in

b1mind•10/2/23, 2:24 PM

it does matter

BrightieOP•10/2/23, 2:24 PM

It does? in what way

b1mind•10/2/23, 2:24 PM

because you should write clear code

b1mind•10/2/23, 2:24 PM

the only reason I can think of it working is more of a side effect of arrow functions and

b1mind•10/2/23, 2:24 PM

I'd never write it that way

Jochem•10/2/23, 2:24 PM

reading code is 10x harder than writing it, and being explicit is worth the extra 5 keystrokes

BrightieOP•10/2/23, 2:24 PM

Alright Alright, you win, I'll put it in

BrightieOP•10/2/23, 2:25 PM

I can't argue with those solid arguments

b1mind•10/2/23, 2:25 PM

event is one the few times I'll just use a letter too >.>;;

b1mind•10/2/23, 2:26 PM

just cause its so common but its better to write it out

Jochem•10/2/23, 2:26 PM

same

Jochem•10/2/23, 2:27 PM

I finally managed to break the terrible habit of using for element as well >_>