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>Date Comparison with Current Date in Javascript</h2>

<p>Current Date: <span id="currentDate"></span></p>
    <p>Selected Date: <span id="selectedDate">2025-01-01</span></p>

<button onclick="compareWithCurrentDate()">Compare with Current Date</button>

const selectedDate = new Date(selectedDateElement.textContent);
            const currentDate = new Date();

currentDateElement.textContent = currentDate.toDateString();

let resultMessage;

if (selectedDate < currentDate) {
                resultMessage = 'Selected date is in the past';
            } else if (selectedDate > currentDate) {
                resultMessage = 'Selected date is in the future';
            } else {
                resultMessage = 'Selected date is today';
            }

resultElement.textContent = resultMessage;
        }

// Call the function to display the current date initially
        compareWithCurrentDate();
    </script>

</body>

</html>