React Js Compare Two Dates

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Date Comparison</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 20px;
        }
    </style>
</head>

<body>

<h2>Javascript Compare Dates</h2>

<button onclick="compareDates()">Compare Dates</button>

let resultMessage;

if (date1 < date2) {
                resultMessage = 'date1 is earlier than date2';
            } else if (date1 > date2) {
                resultMessage = 'date1 is later than date2';
            } else {
                resultMessage = 'Both dates are equal';
            }

document.getElementById('result').textContent = resultMessage;
        }
    </script>

</body>

</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
​
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Date Comparison</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 20px;
        }
    </style>
</head>
​
<body>
​
    <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>
​
    <p id="result"></p>
​
    <script>
        function compareDates() {
            const date1 = new Date(document.getElementById('date1').textContent);
            const date2 = new Date(document.getElementById('date2').textContent);
​
            let resultMessage;
​
            if (date1 < date2) {
                resultMessage = 'date1 is earlier than date2';
            } else if (date1 > date2) {
                resultMessage = 'date1 is later than date2';
            } else {
                resultMessage = 'Both dates are equal';
            }
​
            document.getElementById('result').textContent = resultMessage;
        }
    </script>
​
</body>
​
</html>