Can anyone explain me why k.style.display="none" don't works in script tag in last line?

Question

https://code.sololearn.com/W12R7746wGM3/?ref=app

Answer 1

in the first event listener you use document.documentElement. this will be active whenever the page is clicked as it will display block. this is in conflict with the second event listener.

Answer 2

Logomonic Learning thks I was wondering same

Answer 3

Yup

Answer 4

Alternative: Could use event.cancelBubble - "a setting of true before returning from an event handler prevents propagation of the event." MDN.

https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelBubble

Answer 5

ODLNT thank you

Answer 6

you will need to remove the first event listener