How to stop focusing after closing the button

Question

I have a button in my navbar and when I press the button it opens a drop-down menu, so my question is how to stop focusing and the effects on my button when I press it again to close the dropdown menu?

Answer 1

let's say you want to make the background color of the button black, the code will be like this:

html:

<button id="dropDownMenu">click me</button>

css:

.active {
  background-color: black;
}

javascript:

let dropDownMenuElement = document.querySelector("#dropDownMenu");

function toggleDropDownMenu() { 
  dropDownMenuElement.classList.toggle("active");
}

document.addEventListener("click", toggleDropDownMenu);