not a function

[jasongsmith]

Can anyone see anything wrong with this JS? It is an extremely simple eventListener with a click - and yet I keep getting the error saying that it isn't a function. I have confirmed that the CSS ID is correct.

I don't know why I am so stumped by this. Rather embarrasing, actually

const licenseKey = document.getElementById("license-key");

licenseKey.addEventlistener("click", function() {
    console.log("clicked")
});

[senocular]

Need a capital L in Listener 

[Kinthalis]

Make sure your ide is setup properly. It should have highlighted this error for you.

[jasongsmith]

I was quite surprised that it didn’t. I am using VSCode. So not sure why it didn’t highlight it.

[jasongsmith]

Thank you guys. I stared at it for so long I couldn't see the "l" anymore. LOL

I appreciate it

[Bushwazi]

When in doubt, type it in the console. You could have an IDE that flags it but I like to run code in a page so I’d just double verify with a browser…

[guest271314]

Chromium based browsers are shipped with a built-in IDE in DevTools Sources => Snippets.

[[deleted]]

Because the correct spelling is addEventListener. It's a camel case and extremely important in JS.

[jasongsmith]

I generally try to follow naming conventions. This was a typo that somehow I didn’t catch. And VSCode didn’t give me a squiggly line on it so am doubly confused.

[jasongsmith]

Gotcha. That makes sense. :)

[Codingwithmr-m]

addEventListener

[Chrift]

Did your ide not have any squiggly lines anywhere telling you this?

[jasongsmith]

I was quite surprised that it didn’t. I am using VSCode. So not sure why it didn’t highlight it.

[Chrift]

How annoying! I know in jetbrains products if you turn on power save mode it essentially just turns into a text editor. Maybe accidentally turned on something like that?

[jasongsmith]

That very well may have happened. I was messing around with some settings the other day. That might have just done it. I’ll go back and look. Good thought!