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 setupLevelSliders() {
  // find all slider wrappers
  const wrappers = document.querySelectorAll('.level-slider-wrapper');

  wrappers.forEach(wrapper => {
    const slider = wrapper.querySelector('input[type="range"]');
    const valueDisplay = wrapper.querySelector('.levelValue');
    const increase = wrapper.querySelector('.increase');
    const decrease = wrapper.querySelector('.decrease');

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

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

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

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

    // initialize display
    valueDisplay.textContent = slider.value;
  });
}

document.addEventListener('DOMContentLoaded', setupLevelSliders);