<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Date Comparison</title>
font-family: Arial, sans-serif;
<h2>Javascript Compare Dates</h2>
<p>Date 1: <span id="date1">2022-01-01</span></p>
<p>Date 2: <span id="date2">2022-02-01</span></p>
<button onclick="compareDates()">Compare Dates</button>
function compareDates() {
const date1 = new Date(document.getElementById('date1').textContent);
const date2 = new Date(document.getElementById('date2').textContent);
resultMessage = 'date1 is earlier than date2';
} else if (date1 > date2) {
resultMessage = 'date1 is later than date2';
resultMessage = 'Both dates are equal';
document.getElementById('result').textContent = resultMessage;