iDate_v1

<!DOCTYPE html>
<html>
<head>
<title>iDate</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<style>
.center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
body {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
p, button {
    font-size: 500%;
}
</style>


<script>
$(document).ready(function(){
    // Sæt start-datoen til den nuværende.
    const date = new Date();
    let day = date.getDate();
    let month = date.getMonth() + 1;    // Der lægges 1 til, da månederne starter med 0, dvs. 0 = januar, 1 = februar osv.
    let year = date.getFullYear();
    setDate();  // Få vist datoen på siden når den er indlæst.

    function setDate(){
        // Funktionen konstruerer en tekststreng med datoen og viser den i elementet med id'et date.
        let date = day + "-" + month + "-" + year;
        $('#date').text(date);
    }

    $("#forward").click(function(){
        // Når der trykkes på knappen med id'et forward, skal dagen øges.
        day = day + 1;
        setDate();
    })
})
</script>


</head>
<body>
<div class="center">
    <button id="forward">+</button>
    <p class="w3-jumbo w3-center" id="date"></p>
    <button id="back">-</button>
</div>
</body>
</html>