ميدياويكي:Gadget-TwoColumnTable.js
ملاحظة: بعد النشر، أنت قد تحتاج إلى إفراغ الكاش الخاص بمتصفحك لرؤية التغييرات.
- فايرفوكس / سافاري: أمسك Shift أثناء ضغط Reload، أو اضغط على إما Ctrl-F5 أو Ctrl-R (⌘-R على ماك)
- جوجل كروم: اضغط Ctrl-Shift-R (⌘-Shift-R على ماك)
- إنترنت إكسبلورر/إيدج: أمسك Ctrl أثناء ضغط Refresh، أو اضغط Ctrl-F5
- أوبرا: اضغط Ctrl-F5.
document.addEventListener("DOMContentLoaded", function () {
const tableContainer = document.querySelector(".table-container");
const buttons = {
smaller: document.querySelector(".font-smaller"),
larger: document.querySelector(".font-larger"),
nightMode: document.querySelector(".toggle-night-mode"),
};
buttons.smaller.addEventListener("click", function () {
tableContainer.classList.remove("font-larger");
tableContainer.classList.add("font-smaller");
});
buttons.larger.addEventListener("click", function () {
tableContainer.classList.remove("font-smaller");
tableContainer.classList.add("font-larger");
});
buttons.nightMode.addEventListener("click", function () {
document.body.classList.toggle("night-mode");
});
});