MediaWiki:Gadget-TwoColumnTable.js

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

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");
    });
});