मीडियाविकि:Gadget-TwoColumnTable.js
दिखावट
ध्यान दें: प्रकाशित करने के बाद बदलाव देखने के लिए आपको अपने ब्राउज़र के कैश को हटाना पड़ सकता है।
- Firefox/Safari: Reload क्लिक समय Shift दबाएँ, या फिर Ctrl-F5 या Ctrl-R दबाएँ (Mac पर ⌘-R)
- Google Chrome: Ctrl-Shift-R दबाएँ (Mac पर ⌘-Shift-R)
- Internet Explorer/Edge: Refresh पर क्लिक करते समय Ctrl दबाएँ, या Ctrl-F5 दबाएँ
- Opera: 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");
});
});