I cant seem to add class dynamically with javascript.

See more:

Javascript

HTML

When i click on navigation link , i want to add a class. But after event is fired , class seems to be added only for a second and then it is not there.

What I have tried:

<pre>"use strict";
const navItemLink = document.querySelectorAll(".nav-item-link");
const header = document.querySelector(".header");

navItemLink.forEach((items) => {
	items.addEventListener("click", function () {
		console.log("this");
		header.classList.add("header-nav");
		console.log(items, this);
	});
});