MediaWiki:Gadget-HiddenPowerCalculator.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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

<form id="dvForm">
  <label>Attack DV: <input type="number" id="atk" min="0" max="15" required></label><br>
  <label>Defense DV: <input type="number" id="def" min="0" max="15" required></label><br>
  <label>Speed DV: <input type="number" id="spe" min="0" max="15" required></label><br>
  <label>Special DV: <input type="number" id="spa" min="0" max="15" required></label><br>
  <button type="button" onclick="calculate()">Calculate</button>
</form>

<p id="results"></p>

<script>
function calculate() {
  const atk = parseInt(document.getElementById("atk").value);
  const def = parseInt(document.getElementById("def").value);
  const spe = parseInt(document.getElementById("spe").value);
  const spa = parseInt(document.getElementById("spa").value);

  if ([atk, def, spe, spa].some(n => isNaN(n) || n < 0 || n > 15)) {
    document.getElementById("results").innerText = "All values must be between 0 and 15.";
    return;
  }

  // HP DV
  const hp = ((atk & 1) << 3) | ((def & 1) << 2) | ((spe & 1) << 1) | (spa & 1);

  // Hidden Power Type
  const typeId = 4 * (atk % 4) + (def % 4);
  const hpTypes = [
    "Fighting", "Flying", "Poison", "Ground", "Rock", "Bug", "Ghost", "Steel",
    "Fire", "Water", "Grass", "Electric", "Psychic", "Ice", "Dragon", "Dark"
  ];
  const hpType = hpTypes[typeId];

  // Hidden Power Power
  const v = spa >= 8 ? 1 : 0;
  const w = spe >= 8 ? 1 : 0;
  const x = def >= 8 ? 1 : 0;
  const y = atk >= 8 ? 1 : 0;
  const z = spa % 4;
  const power = Math.floor((5 * (v + 2 * w + 4 * x + 8 * y) + z) * 40 / 63);

  // Shininess check
  const shiny = [2,3,6,7,10,11,14,15].includes(atk) && def === 10 && spe === 10 && spa === 10;

  document.getElementById("results").innerHTML = `
    <strong>HP DV:</strong> ${hp}<br>
    <strong>Hidden Power:</strong> ${hpType} (${power} Power)<br>
    <strong>Shiny:</strong> ${shiny ? "Yes ✨" : "No"}
  `;
}
</script>