MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→Any JavaScript here will be loaded for all users on every page load.: →Dark mode JS: document.getElementById('toggle-dark-mode').addEventListener('click', function() { document.body.classList.toggle('dark-mode'); });") |
No edit summary |
||
| Line 3: | Line 3: | ||
/* Dark mode JS */ | /* Dark mode JS */ | ||
document. | document.addEventListener('DOMContentLoaded', (event) => { | ||
const toggleButton = document.createElement('button'); | |||
toggleButton.id = 'toggle-dark-mode'; | |||
toggleButton.textContent = 'Toggle Dark Mode'; | |||
toggleButton.style.position = 'fixed'; | |||
toggleButton.style.top = '10px'; | |||
toggleButton.style.right = '10px'; | |||
toggleButton.style.zIndex = '1000'; | |||
document.body.appendChild(toggleButton); | |||
toggleButton.addEventListener('click', function() { | |||
document.body.classList.toggle('dark-mode'); | |||
}); | |||
}); | }); | ||
Revision as of 18:36, 3 July 2024
/* Any JavaScript here will be loaded for all users on every page load. */
/* Dark mode JS */
document.addEventListener('DOMContentLoaded', (event) => {
const toggleButton = document.createElement('button');
toggleButton.id = 'toggle-dark-mode';
toggleButton.textContent = 'Toggle Dark Mode';
toggleButton.style.position = 'fixed';
toggleButton.style.top = '10px';
toggleButton.style.right = '10px';
toggleButton.style.zIndex = '1000';
document.body.appendChild(toggleButton);
toggleButton.addEventListener('click', function() {
document.body.classList.toggle('dark-mode');
});
});