Difference between revisions of "MediaWiki:Common.js"

Revision as of 05:17, 11 December 2022

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

(function () 
{
	var calculatorBody = document.getElementById('mw-time-calculator');
	if (calculatorBody)
	{
		
		var earthDate = document.createElement('div');	
		var earthTextDiv = document.createElement('div');
		var earthText = document.createTextNode('Earth Year:');	
		earthTextDiv.appendChild(earthText);			
		var timeEarthY = CreateTimeElement('t-earth-y');
		earthDate.appendChild(earthTextDiv);
		earthDate.appendChild(timeEarthY);
		
		var raharrDate = document.createElement('div');	
		var raharrTextDiv = document.createElement('div');
		var raharrText = document.createTextNode('Raharr Year:');	
		raharrTextDiv.appendChild(raharrText);			
		var timeRaharrY = CreateTimeElement('t-raharr-y');			
		raharrDate.appendChild(raharrTextDiv);
		raharrDate.appendChild(timeRaharrY);
		
		var standardDate = document.createElement('div');	
		var stdTextDiv = document.createElement('div');
		var stdText = document.createTextNode('Standard Year:');	
		stdTextDiv.appendChild(stdText);		
		var timeStdY = CreateTimeElement('t-standard-y');	
		standardDate.appendChild(stdTextDiv);
		standardDate.appendChild(timeStdY);
		

		
		calculatorBody.appendChild(earthDate);
		calculatorBody.appendChild(raharrDate);
		calculatorBody.appendChild(standardDate);
		
		timeEarthY.addEventListener("input", function () 
		{
			timeRaharrY.value = timeEarthY.value
			timeStdY.value = timeEarthY.value
		});
		timeRaharrY.addEventListener("input", function () 
		{
			console.log("Form has changed!");
		});
		timeStdY.addEventListener("input", function () 
		{
			console.log("Form has changed!");
		});
		
		
	}	
}());
function CreateTimeElement(title)
{
		var el = document.createElement('input');
		el.setAttribute('type', 'number');
		el.setAttribute('name', title);
		el.setAttribute('id', title);
		el.setAttribute('placeholder', '0');
		el.setAttribute('style', 'height: 30px;width: 70px;');
		return el;
}