JSFiddle - React, Tailwind, and code Playground

by Nivedita Gautam

HTML

<body>

Start Time: <input type="text" id="smin" onkeyup=getm()><input type="text" id="ssec"onkeyup=getm()></br>
End Time: <input type="text" id="emin" ><input type="text" id="esec">
</body>

JavaScript

function getm()
	{
		var smin=document.getElementById('smin').value;
		var ssec=document.getElementById('ssec').value;
		for(i=0;i<30;i++)
		{	
			if(ssec==59)
			{
				ssec=0;
				smin++;
			}
			else
			ssec++;
		}
		document.getElementById('emin').value=smin;
		document.getElementById('esec').value=ssec;
	}