MediaWiki:Gadget-HiddenPowerCalculator.js - Revision history

Squidgy at 14:08, 14 May 2025

2025-05-14T14:08:26Z

← Older revision		Revision as of 14:08, 14 May 2025
Line 1:		Line 1:
	mw.loader.using(['mediawiki.util', 'jquery'], function () {		mw.loader.using(['mediawiki.util', 'jquery'], function () {
	$~~(document).ready~~(function () {		$(function () {
	const container = document.getElementById('hp-calc-container');		// Wait until the div exists in the DOM
	if (!container) return;		const tryInject = () => {
			const container = document.getElementById('hp-calc-container');
			if (!container) return;

	container.innerHTML = `		container.innerHTML = `
	<form id="dvForm">		<form id="dvForm">
	<label>Attack DV: <input type="number" id="atk" min="0" max="15" required></label><br>		<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>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>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>		<label>Special DV: <input type="number" id="spa" min="0" max="15" required></label><br>
	<button type="button" id="calculateBtn">Calculate</button>		<button type="button" id="calculateBtn">Calculate</button>
	</form>		</form>
	<p id="results"></p>		<p id="results"></p>
	`;		`;

	document.getElementById("calculateBtn").addEventListener("click", function () {		document.getElementById("calculateBtn").addEventListener("click", function () {
	const atk = parseInt(document.getElementById("atk").value);		const atk = parseInt(document.getElementById("atk").value);
	const def = parseInt(document.getElementById("def").value);		const def = parseInt(document.getElementById("def").value);
	const spe = parseInt(document.getElementById("spe").value);		const spe = parseInt(document.getElementById("spe").value);
	const spa = parseInt(document.getElementById("spa").value);		const spa = parseInt(document.getElementById("spa").value);

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

			const hp = ((atk & 1) << 3) \| ((def & 1) << 2) \| ((spe & 1) << 1) \| (spa & 1);
			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];
			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);
			const shiny = [2, 3, 6, 7, 10, 11, 14, 15].includes(atk) && def === 10 && spe === 10 && spa === 10;

	~~const hp =~~ (~~(atk & 1~~) << ~~3) \| ((def & 1)~~ << ~~2) \|~~ (~~(spe & 1~~) <~~< 1) \| (spa & 1);~~		document.getElementById("results").innerHTML = `
	~~const typeId = 4 * (atk % 4) + (def % 4);~~		<strong>HP DV:</strong> ${hp}<br>
	~~const hpTypes = [~~		<strong>Hidden Power:</strong> ${hpType} (${power} Power)<br>
	~~"Fighting", "Flying", "Poison", "Ground", "Rock", "Bug", "Ghost", "Steel",~~		<strong>Shiny:</strong> ${shiny ? "Yes ✨" : "No"}
	~~"Fire", "Water", "Grass", "Electric", "Psychic", "Ice", "Dragon", "Dark"~~		`;
	];		});
	~~const hpType = hpTypes[typeId];~~		};
	~~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~~);
	~~const shiny = [2, 3, 6, 7, 10, 11, 14, 15].includes(atk) && def === 10 && spe === 10 && spa === 10~~;

	document.getElementById(~~"results"~~)~~.innerHTML = `~~		// Retry every 100ms until the div appears (max 2 seconds)
	~~<strong>HP DV:</strong> ${hp}<br>~~		let tries = 0;
	~~<strong>Hidden Power:</strong> ${hpType}~~ (~~${power} Power~~)~~<br>~~		const interval = setInterval(() => {
	~~<strong>Shiny:</strong> ${shiny ? "Yes ✨" : "No"~~}		if (document.getElementById('hp-calc-container')) {
	`;		clearInterval(interval);
	});		tryInject();
			}
			if (++tries > 20) clearInterval(interval); // Stop after 2 seconds
			}, 100);
	});		});
	});		});

Squidgy at 14:06, 14 May 2025

2025-05-14T14:06:05Z

@@ Line 1: / Line 1: @@
 mw.loader.using(['mediawiki.util', 'jquery'], function () {
    $(document).ready(function () {
-     const div = document.createElement("div");
+     const container = document.getElementById('hp-calc-container');
-     div.style.border = "2px dashed red";
+    if (!container) return;
-    div.style.padding = "10px";
-    div.style.margin = "10px";
+    container.innerHTML = `
-    div.innerHTML = "<strong>The DV Gadget is LOADED and ACTIVE ✅</strong>";
+      <form id="dvForm">
-     document.body.appendChild(div);
+        <label>Attack DV: <input type="number" id="atk" min="0" max="15" required></label><br>
    });
 });

Squidgy at 14:05, 14 May 2025

2025-05-14T14:05:32Z

@@ Line 1: / Line 1: @@
 mw.loader.using(['mediawiki.util', 'jquery'], function () {
    $(document).ready(function () {
-     const container = document.getElementById('hp-calc-container');
+     const div = document.createElement("div");
-    if (!container) return;
+     div.style.border = "2px dashed red";
+    div.style.padding = "10px";
-    container.innerHTML = `
+    div.style.margin = "10px";
-      <form id="dvForm">
+    div.innerHTML = "<strong>The DV Gadget is LOADED and ACTIVE ✅</strong>";
-        <label>Attack DV: <input type="number" id="atk" min="0" max="15" required></label><br>
+     document.body.appendChild(div);
    });
 });

Squidgy at 14:03, 14 May 2025

2025-05-14T14:03:40Z

← Older revision		Revision as of 14:03, 14 May 2025
Line 1:		Line 1:
	$(function () {		mw.loader.using(['mediawiki.util', 'jquery'], function () {
	const container = document.getElementById('hp-calc-container');		$(document).ready(function () {
	if (!container) return;		const container = document.getElementById('hp-calc-container');
			if (!container) return;

	container.innerHTML = `		container.innerHTML = `
	<form id="dvForm">		<form id="dvForm">
	<label>Attack DV: <input type="number" id="atk" min="0" max="15" required></label><br>		<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>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>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>		<label>Special DV: <input type="number" id="spa" min="0" max="15" required></label><br>
	<button type="button" id="calculateBtn">Calculate</button>		<button type="button" id="calculateBtn">Calculate</button>
	</form>		</form>
	<p id="results"></p>		<p id="results"></p>
	`;		`;

	document.getElementById("calculateBtn").addEventListener("click", function () {		document.getElementById("calculateBtn").addEventListener("click", function () {
	const atk = parseInt(document.getElementById("atk").value);		const atk = parseInt(document.getElementById("atk").value);
	const def = parseInt(document.getElementById("def").value);		const def = parseInt(document.getElementById("def").value);
	const spe = parseInt(document.getElementById("spe").value);		const spe = parseInt(document.getElementById("spe").value);
	const spa = parseInt(document.getElementById("spa").value);		const spa = parseInt(document.getElementById("spa").value);

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

	~~// HP DV~~		const hp = ((atk & 1) << 3) \| ((def & 1) << 2) \| ((spe & 1) << 1) \| (spa & 1);
	const hp = ((atk & 1) << 3) \| ((def & 1) << 2) \| ((spe & 1) << 1) \| (spa & 1);		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];
			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);
			const shiny = [2, 3, 6, 7, 10, 11, 14, 15].includes(atk) && def === 10 && spe === 10 && spa === 10;

	~~// Hidden Power Type~~		document.getElementById("results").innerHTML = `
	~~const typeId = 4 * (atk % 4) + (def % 4);~~		<strong>HP DV:</strong> ${hp}<br>
	~~const hpTypes = [~~		<strong>Hidden Power:</strong> ${hpType} (${power} Power)<br>
	~~"Fighting", "Flying", "Poison", "Ground", "Rock", "Bug", "Ghost", "Steel",~~		<strong>Shiny:</strong> ${shiny ? "Yes ✨" : "No"}
	~~"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~~
	~~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"}
	`;
	});		});
	});		});

Squidgy at 13:55, 14 May 2025

2025-05-14T13:55:45Z

← Older revision		Revision as of 13:55, 14 May 2025
Line 1:		Line 1:
	~~<form id="dvForm">~~		$(function () {
	~~<label>Attack DV: <input type~~=~~"number" id="atk" min="0" max="15" required></label><br>~~		const container = document.getElementById('hp-calc-container');
	~~<label>Defense DV: <input type="number" id="def" min="0" max="15" required></label><br>~~		if (!container) return;
	~~<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>		container.innerHTML = `
			<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" id="calculateBtn">Calculate</button>
			</form>
			<p id="results"></p>
			`;

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

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

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

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

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

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

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

Squidgy: Created page with "
Attack DV:
Defense DV:
Speed DV:
Special DV:

2025-05-14T13:53:42Z

Created page with "<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> <sc..."

New page
<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>