49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
hljs.debugMode();
|
|
hljs.highlightAll();
|
|
|
|
document.querySelectorAll(".categories li a").forEach((category) => {
|
|
category.addEventListener("click", (event) => {
|
|
event.preventDefault();
|
|
|
|
const current = document.querySelector(".categories .current");
|
|
const currentCategory = current.dataset.category;
|
|
const nextCategory = event.target.dataset.category;
|
|
|
|
if (currentCategory !== nextCategory) {
|
|
current.classList.remove("current");
|
|
event.target.classList.add("current");
|
|
|
|
document
|
|
.querySelectorAll(`.${currentCategory}`)
|
|
.forEach((language) => language.classList.add("hidden"));
|
|
document
|
|
.querySelectorAll(`.${nextCategory}`)
|
|
.forEach((language) => language.classList.remove("hidden"));
|
|
|
|
window.scrollTo(0, 0);
|
|
}
|
|
});
|
|
});
|
|
|
|
document.querySelectorAll(".styles li a").forEach((style) => {
|
|
style.addEventListener("click", (event) => {
|
|
event.preventDefault();
|
|
|
|
const current = document.querySelector(".styles .current");
|
|
const currentStyle = current.textContent;
|
|
const nextStyle = event.target.textContent;
|
|
|
|
if (currentStyle !== nextStyle) {
|
|
document
|
|
.querySelector(`link[title="${nextStyle}"]`)
|
|
.removeAttribute("disabled");
|
|
document
|
|
.querySelector(`link[title="${currentStyle}"]`)
|
|
.setAttribute("disabled", "disabled");
|
|
|
|
current.classList.remove("current");
|
|
event.target.classList.add("current");
|
|
}
|
|
});
|
|
});
|