window.addEventListener("DOMContentLoaded", function() { let tabs = document.querySelectorAll(".tab li"); let contents = document.querySelectorAll(".content"); for (let i = 0; i < tabs.length; i++) { tabs[i].addEventListener("click", function() { let num = Array.prototype.indexOf.call(tabs, this); for (let j = 0; j < contents.length; j++) { contents[j].classList.remove("active"); } contents[num].classList.add("active"); for (let k = 0; k < tabs.length; k++) { tabs[k].classList.remove("active"); } this.classList.add("active"); }); } });