Template:ArcaneDateCalculator - Revision history

Nex23 at 11:57, 9 February 2025

2025-02-09T11:57:21Z

← Older revision		Revision as of 13:57, 9 February 2025
Line 16:		Line 16:
	</div>		</div>

	<~~script~~>		<div class="arcane-calendar-calculator" style="border:1px solid #aaa; background:#f9f9f9; padding:10px; width:300px; text-align:center;">
	~~function convertArcaneDate() {~~		<label>Year: <input type="number" id="arcane-year" style="width:60px;"></label>
	~~var year~~ = ~~document.getElementById(~~"arcane-year"~~).value~~;		<label>Month: <input type="number" id="arcane-month" style="width:40px;"></label>
	~~var month~~ = ~~document.getElementById(~~"arcane-month"~~).value~~;		<label>Day: <input type="number" id="arcane-day" style="width:40px;"></label>
	~~var~~ day = ~~document.getElementById~~("arcane-~~day~~"~~).value;~~		<br><br>
			<button onclick="calculateArcaneDate()">Convert</button>
			<br><br>
			<strong>Arcane Date:</strong> <span id="arcane-date-output">Enter a date</span>
			</div>

	~~if (!year \|\| !month \|\| !day) {~~		<noinclude>
	~~document.getElementById("arcane-date-output").innerHTML = "Please enter a valid date.";~~		{{ArcaneDateCalculator}}
	~~return;~~
	}

	~~var apiUrl = mw.util.wikiScript('api') + '?action=parse&format=json&text={{#invoke:ArcaneCalendar\|convertDate\|year=' + year + '\|month=' + month + '\|day=' + day + '}}';~~

	~~fetch(apiUrl)~~
	~~.then(response =~~> ~~response.json())~~
	~~.then(data =>~~ {
	~~document.getElementById("arcane-date-output").innerHTML = data.expandtemplates["*"];~~
	})
	~~.catch(error =>~~ {
	~~console.error("Error fetching Arcane Calendar date:", error);~~
	~~document.getElementById("arcane-date-output").innerHTML = "Error converting date.";~~
	});
	}
	~~</script>~~

Nex23 at 11:42, 9 February 2025

2025-02-09T11:42:37Z

← Older revision		Revision as of 13:42, 9 February 2025
Line 27:		Line 27:
	}		}

	var apiUrl = mw.util.wikiScript('api') + '?action=~~expandtemplates~~&format=json&text={{#invoke:ArcaneCalendar\|convertDate\|year=' + year + '\|month=' + month + '\|day=' + day + '}}';		var apiUrl = mw.util.wikiScript('api') + '?action=parse&format=json&text={{#invoke:ArcaneCalendar\|convertDate\|year=' + year + '\|month=' + month + '\|day=' + day + '}}';

	fetch(apiUrl)		fetch(apiUrl)

Nex23: Created page with "

Arcane Calendar Calculator
Year: Month:
2025-02-09T11:39:34Z

Created page with "<div class="arcane-date-calculator" style="border:1px solid #aaa; background:#f9f9f9; padding:10px; max-width:350px;"> <div style="text-align:center; font-weight:bold; font-size:110%; margin-bottom:5px;">Arcane Calendar Calculator</div> <label for="arcane-year">Year:</label> <input type="number" id="arcane-year" min="1" style="width:60px;"> <label for="arcane-month">Month:</label> <input type="number" id="arcane-month" min="1" max="12" style="width:..."

New page
<div class="arcane-date-calculator" style="border:1px solid #aaa; background:#f9f9f9; padding:10px; max-width:350px;">
<div style="text-align:center; font-weight:bold; font-size:110%; margin-bottom:5px;">Arcane Calendar Calculator</div>

<label for="arcane-year">Year:</label>
<input type="number" id="arcane-year" min="1" style="width:60px;">

<label for="arcane-month">Month:</label>
<input type="number" id="arcane-month" min="1" max="12" style="width:50px;">

<label for="arcane-day">Day:</label>
<input type="number" id="arcane-day" min="1" max="31" style="width:50px;">

<button onclick="convertArcaneDate()" style="margin-left:5px;">Convert</button>

<div id="arcane-date-output" style="margin-top:10px; font-weight:bold;"></div>
</div>

<script>
function convertArcaneDate() {
var year = document.getElementById("arcane-year").value;
var month = document.getElementById("arcane-month").value;
var day = document.getElementById("arcane-day").value;

if (!year || !month || !day) {
document.getElementById("arcane-date-output").innerHTML = "Please enter a valid date.";
return;
}

var apiUrl = mw.util.wikiScript('api') + '?action=expandtemplates&format=json&text={{#invoke:ArcaneCalendar|convertDate|year=' + year + '|month=' + month + '|day=' + day + '}}';

fetch(apiUrl)
.then(response => response.json())
.then(data => {
document.getElementById("arcane-date-output").innerHTML = data.expandtemplates["*"];
})
.catch(error => {
console.error("Error fetching Arcane Calendar date:", error);
document.getElementById("arcane-date-output").innerHTML = "Error converting date.";
});
}
</script>