MediaWiki:Common.js: Difference between revisions

From Essence of Flow Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */


// Wait until the page content loads
document.addEventListener('DOMContentLoaded', () => {
document.addEventListener('DOMContentLoaded', () => {
    // Find all dropdowns with class "damage-select"
     const selects = document.querySelectorAll('.damage-select');
     const selects = document.querySelectorAll('.damage-select');
      
      
     selects.forEach(select => {
     selects.forEach(select => {
         const span = select.previousElementSibling; // the span before the dropdown
         const span = select.closest('.damage-wrapper')?.querySelector('.damageValue');
       
         if (!span) return;
         if (!span) return;
          
          
         select.addEventListener('change', () => {
         select.addEventListener('change', () => {
            // Map numbers to words
             const map = { "1": "Low", "2": "Mid", "3": "High" };
             const map = { "1": "Low", "2": "Mid", "3": "High" };
             span.textContent = map[select.value] || "Low";
             span.textContent = map[select.value] || "Low";

Revision as of 22:17, 18 December 2025

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

document.addEventListener('DOMContentLoaded', () => {
    const selects = document.querySelectorAll('.damage-select');
    
    selects.forEach(select => {
        const span = select.closest('.damage-wrapper')?.querySelector('.damageValue');
        if (!span) return;
        
        select.addEventListener('change', () => {
            const map = { "1": "Low", "2": "Mid", "3": "High" };
            span.textContent = map[select.value] || "Low";
        });
    });
});