document.getElementById(
'calculateButton'
).addEventListener(
'click'
, () => {
const startTime =
new
Date(document.getElementById(
'startTime'
)
.value)
.getTime();
const endTime =
new
Date(document.getElementById(
'endTime'
).value).getTime();
if
(isNaN(startTime) || isNaN(endTime)) {
document.getElementById(
'result'
)
.textContent =
"Please enter valid dates."
;
document.getElementById(
'result'
).classList.remove(
'hidden'
);
}
else
{
const duration = Math.abs(endTime - startTime);
const days = Math.floor(duration / (1000 * 60 * 60 * 24));
const hours = Math.floor((
duration % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60
));
const minutes = Math.floor((duration % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((duration % (1000 * 60)) / 1000);
document.getElementById(
'result'
).textContent =
`${days} days :: ${hours} hours ::
${minutes} minutes :: ${seconds} seconds`;
document.getElementById(
'result'
).classList.remove(
'hidden'
);
}
});