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

var hours;
var mins;
function calc()
	{
		
		for(i=0;i<30;i++)
		{	
			if(mins==59)
			{
				mins=0;
				hours++;
			}
			else
			mins++;
		}
		
	}
$('#input_hours1').keyup(function() {

	hours=$('#input_hours1').val();
	mins=$('#input_minutes1').val();
	calc();
      $('#input_hours2').val(hours); 
	  $('#input_minutes2').val(mins);  
    });

    $('#input_minutes1').keyup(function() {
      mins=$('#input_minutes1').val();
	  hours=$('#input_hours1').val();
		calc();
		$('#input_hours2').val(hours); 
      $('#input_minutes2').val(mins);  
    });