Code meteo Matthieu

<html>
<head>
    <title>Meteo Lyon</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div id="mainContent">
        <button onclick="GetTemperature()">Afficher la température</button>
        <p id="zone_meteo"></p>
    </div>
</body>
</html>

<script>
    function GetTemperature() {
        $.getJSON("https://api.openweathermap.org/data/2.5/weather?q=Lyon,fr&appid=c21a75b667d6f7abb81f118dcf8d4611&units=metric", function (data) {
            var today = new Date();
            var dd = String(today.getDate()).padStart(2, '0');
            var MM = String(today.getMonth() + 1).padStart(2, '0'); // + 1 car le mois commence à 0
            var hh = String(today.getHours());
            var mm = String(today.getMinutes());
            var yyyy = today.getFullYear();
            var date = dd + '/' + MM + '/' + yyyy;
            var time = hh + 'h' + mm;

            var element = document.getElementById("zone_meteo");
            element.innerHTML = "Nous somme le " + date + ", il est " + time + ".<br>" +
                "La temperature à Lyon est de " + data.main.temp + " degrés." +
                "<br>Il y a " + data.main.humidity + "% d'humidité.";
        });
    }

</script>
<style>
    #mainContent{
        width: 40%;
       margin: 0 auto;
       text-align: center;
    }

    button {
        background-color: #4CAF50; /* Vert */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 22px;
    }

    #zone_meteo{
        font-size: 20px;
    }
</style>