add a class to an element after being clicked

Question

I'm trying to add a class to an element after an event listener detects a click of said element, I've used the following code, but it's not specific and any element being clicked will receive the class.

document.addEventListener('click', (event) => {
   event.target.classList.add("selected");
});

what I thought would work was this:

var element = document.getElementById("object1");
document.element.addEventListener('click', (event) => {
   element.classList.add("selected");
});

Is there anything else I can use?

It's not `document.element.addEventListener` but `element.addEventListener` — Simone Rossaini, Feb 22 '22 at 10:05
@SimoneRossaini Post that as the answer, I think this is what the OP is looking for — Nitheesh, Feb 22 '22 at 10:06
@Nitheesh I know but it seems to me that this question is a duplicate of hundreds of other questions :) — Simone Rossaini, Feb 22 '22 at 10:07
@SimoneRossaini Please mark this question as a duplicate then — Nitheesh, Feb 22 '22 at 10:09

score 0 · Answer 1 · answered Feb 22 '22 at 10:06

0

This will work

var element = document.getElementById("object1");
element.addEventListener('click', (event) => {
   element.classList.add("selected");
});

answered Feb 22 '22 at 10:06

The Onin

5,068
2
38
55

Please try to explain **why** this will work as part of the answer, code only answers generally encourage copy-pasting rather than actually learning what went wrong. – DBS Feb 22 '22 at 10:13

add a class to an element after being clicked

1 Answers1