Saltar para o conteúdo

MediaWiki:Gadget-TwoColumnTable.js

Fonte: wikishia

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione 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");
    });
});