বিষয়বস্তুতে চলুন

মিডিয়াউইকি:Gadget-TwoColumnTable.js

wikishia থেকে

লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।

  • ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় 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");
    });
});