Skip to content
Advertisement

Onclick, Highlight only one list item in an Unordered list

I am following a code to make a quiz. I am building a function to highlight one list item and add a class to it.

JavaScript

The code is working but i do not understand the if condition from the source. Can someone help?

Advertisement

Answer

answer.querySelector('.selected') will return the element with .selected class if it exists within the answer element.

If there is no .selected class within the answer element, it will return null.

In this code:

JavaScript

If the if condition is null that means there was no .selected element found. So the else block gets executed and it adds a .selected class to option.

But if there was a .selected class inside the answer element, the if condition would be truthy and would execute. Removing the .selected class.

User contributions licensed under: CC BY-SA
3 People found this is helpful
Advertisement