MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */

function setupLevelSlider(sliderId, valueId, upId, downId, min, max) {
  const slider = document.getElementById(sliderId);
  const valueDisplay = document.getElementById(valueId);
  const increase = document.getElementById(upId);
  const decrease = document.getElementById(downId);

  if (!slider || !valueDisplay || !increase || !decrease) return;

  slider.addEventListener('input', () => {
    valueDisplay.textContent = slider.value;
  });

  increase.addEventListener('click', () => {
    if (slider.value < max) slider.value = parseInt(slider.value) + 1;
    valueDisplay.textContent = slider.value;
  });

  decrease.addEventListener('click', () => {
    if (slider.value > min) slider.value = parseInt(slider.value) - 1;
    valueDisplay.textContent = slider.value;
  });
}

// Initialize slider on page load
document.addEventListener('DOMContentLoaded', () => {
  setupLevelSlider('levelSlider', 'levelValue', 'increase', 'decrease', 1, 10);
});