DOM manipulation opdrachten

Je krijgt een eenvoudige HTML-pagina met een invoerveld voor de geboortedatum, een knop, en een leeg element waar een persoonlijke groet zal verschijnen. Jouw taak is om JavaScript te schrijven dat het volgende doet:

Wanneer de gebruiker op de knop klikt, lees de ingevoerde geboortedatum uit het invoerveld.

Bereken de leeftijd van de gebruiker op basis van de huidige datum en de ingevoerde geboortedatum.

Genereer een persoonlijke groet die de leeftijd van de gebruiker bevat en toon dit in het lege element op de pagina.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Persoonlijke Groet</title>
</head>
<body>
    <h1>Welkom!</h1>
    <label for="birthdate">Voer je geboortedatum in (YYYY-MM-DD):</label>
    <input type="date" id="birthdate" name="birthdate">
    <button id="greetButton">Toon Groet</button>
    <div id="greetingMessage"></div>

    <script>
        // Jouw JavaScript code gaat hier
    </script>
</body>
</html>