let mode = "";
const element = document.querySelector("body"); // `body` yoki boshqa biror asosiy konteyner elementni tanlang
// Klass o'zgarishini kuzatish uchun `MutationObserver` yaratamiz
const observer = new MutationObserver((mutationsList) => {
mutationsList?.forEach((mutation) => {
if (mutation?.attributeName === "class") {
// Agar klasslarda o'zgarish bo'lsa, `dark` klassining mavjudligini tekshiramiz
if (element?.classList?.contains("dark")) {
console.log("Dark klassi qo'shildi");
// `mode` yoki boshqa kerakli kodni qo'llang
mode = "dark";
} else {
console.log("Dark klassi o'chirildi");
mode = "light"; // Yoki boshqa kod qo'llang
}
}
});
});
// `MutationObserver` orqali `element` klasslarini kuzatishni boshlaymiz
observer?.observe(element, { attributes: true });
Jsda turib html classi o'zgarishini kuzatish!
const element = document.querySelector("body"); // `body` yoki boshqa biror asosiy konteyner elementni tanlang
// Klass o'zgarishini kuzatish uchun `MutationObserver` yaratamiz
const observer = new MutationObserver((mutationsList) => {
mutationsList?.forEach((mutation) => {
if (mutation?.attributeName === "class") {
// Agar klasslarda o'zgarish bo'lsa, `dark` klassining mavjudligini tekshiramiz
if (element?.classList?.contains("dark")) {
console.log("Dark klassi qo'shildi");
// `mode` yoki boshqa kerakli kodni qo'llang
mode = "dark";
} else {
console.log("Dark klassi o'chirildi");
mode = "light"; // Yoki boshqa kod qo'llang
}
}
});
});
// `MutationObserver` orqali `element` klasslarini kuzatishni boshlaymiz
observer?.observe(element, { attributes: true });
Jsda turib html classi o'zgarishini kuzatish!