<a class="link is-active" href="">A random link</a>
body {
margin: 24px;
}
const link = document.querySelector(".link");
console.log(link.classList);
const hasActiveClass = link.classList.contains("is-active");
console.log(`hasActiveClass - ${hasActiveClass}`);
link.classList.add("special");
console.log(link.classList);
link.classList.remove("is-active");
console.log(link.classList);
link.classList.toggle("is-active");
console.log(link.classList);
link.classList.replace("special", "regular");
console.log(link.classList);
This Pen doesn't use any external JavaScript resources.