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. */

/* Spoiler buttons */

var spoilersc = document.getElementsByClassName('spoilerButton');
    var j;

for (j = 0; j < spoilersc.length; j++) {
  spoilersc[j].addEventListener("click", function() {
    this.classList.toggle("active");
    var spoilercontent = this.nextElementSibling;
    if (spoilercontent.style.display === "block") {
      spoilercontent.style.display = "none";
    } else {
      spoilercontent.style.display = "block";
    }
  });
}

/* Dropdown menus */

function selectVariant(enemy, variant1, variant2, variant3, variant4) {  
var dropdownName = enemy + 'Variants';
var resultName = enemy + 'ChosenVariant';
var enemyVariant1 = enemy + variant1;
var enemyVariant2 = enemy + variant2;
var enemyVariant3 = enemy + variant3;
var enemyVariant4 = enemy + variant4;
var variant1div = document.getElementById(enemyVariant1);
var variant2div = document.getElementById(enemyVariant2);
var variant3div = document.getElementById(enemyVariant3);
var variant4div = document.getElementById(enemyVariant4);
var dropdown = document.getElementById(dropdownName); 

if(dropdown.options[dropdown.selectedIndex].text === variant1) {
     document.getElementById(resultName).value = enemyVariant1;
     variant1div.style.display = "block";
     variant2div.style.display = "none";
     variant3div.style.display = "none";
     variant4div.style.display = "none";
} else if(dropdown.options[dropdown.selectedIndex].text === variant2) {
     document.getElementById(resultName).value = enemyVariant2;
     variant1div.style.display = "none";
     variant2div.style.display = "block";
     variant3div.style.display = "none";
     variant4div.style.display = "none";
} else if(dropdown.options[dropdown.selectedIndex].text === variant3) {
     document.getElementById(resultName).value = enemyVariant3;
     variant1div.style.display = "none";
     variant2div.style.display = "none";
     variant3div.style.display = "block";
     variant4div.style.display = "none";
} else if(dropdown.options[dropdown.selectedIndex].text === variant4) {
     document.getElementById(resultName).value = enemyVariant4;
     variant1div.style.display = "none";
     variant2div.style.display = "none";
     variant3div.style.display = "none";
     variant4div.style.display = "block";
}
}