10550 sujets

JavaScript, DOM et API Web HTML5

Je souhaiterais faire une boucle pour afficher toute les réponses de l'api ratp Smiley biggrin

<!DOCTYPE html>
<html>

<head>
    <title>Dashboard en Js</title>
    <meta charset="UTF-8">
    <script src="app.js"></script>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <h1>A Qu'elle heure que c'est ?</h1>
    <table>
        <tr>
            <th>
                <img src="img/t2.jpg">
            </th>
            <th id="toto"></th>
            <th id="mn"></th>
        </tr>
    </table>
    <span id="weather"></span>
</body>

</html>



document.addEventListener('DOMContentLoaded', function () {

    function tramSchedules() {
        var d = document.getElementById("toto");
        var m = document.getElementById("mn");

        const tramSchedulesApi = 'https://api-ratp.pierre-grimaud.fr/v3/schedules/tramways/2/charlebourg/R?_format=json';

        fetch(tramSchedulesApi)
            .then(response => {
                return response.json();
            })
            .then(data => {
                d.innerHTML = data.result.schedules[1].destination;
                m.innerHTML = data.result.schedules[1].message;
            })
    }
    tramSchedules();
});