مدیاویکی:Gadget-TwoColumnTable.js
نکته: پس از انتشار ممکن است برای دیدن تغییرات نیاز باشد که حافظهٔ نهانی مرورگر خود را پاک کنید.
- فایرفاکس / سافاری: کلید Shift را نگه دارید و روی دکمهٔ Reload کلیک کنید، یا کلیدهای Ctrl-F5 یا Ctrl-R را با هم فشار دهید (در رایانههای اپل مکینتاش کلیدهای ⌘-R)
- گوگل کروم: کلیدهای Ctrl+Shift+R را با هم فشار دهید (در رایانههای اپل مکینتاش کلیدهای ⌘-Shift-R)
- اینترنت اکسپلورر/ Edge: کلید 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");
});
});