Estimated-Flights-/index.js at main · facsav/Estimated-Flights- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
// DOCUMENTATIONN

// https://airlabs.co/docs/schedules

// tedejoelcorreoeh

// key de respaldo:

// key=bc856886-216b-4925-a321-ac996cff665c

const botonAep = document.getElementById('botonAep')

botonAep.addEventListener('click', () => {

    aep()

})

const botonEze = document.getElementById('botonEze')

botonEze.addEventListener('click', () => {

    eze()

})


const aep = () =>{
    fetch(`https://airlabs.co/api/v9/schedules?dep_iata=AEP&api_key=c5340141-e8ff-41d7-9587-7f896a127311`)
.then(response => response.json())
.then(flightsDep => {
    tableDep(flightsDep.response) //response es el array de los vuelos. Ya que la promesa flights devuelve  objetos en los cuales "response" es el que me interesa
})
.catch(err => console.error(err));

fetch(`https://airlabs.co/api/v9/schedules?arr_iata=AEP&api_key=c5340141-e8ff-41d7-9587-7f896a127311`)
.then(response => response.json())
.then(flightsArr => {
    tableArr(flightsArr.response) //response es el array de los vuelos. Ya que la promesa flights devuelve  objetos en los cuales "response" es el que me interesa
})
.catch(err => console.error(err));

}

const eze = () =>{
    fetch(`https://airlabs.co/api/v9/schedules?dep_iata=EZE&api_key=c5340141-e8ff-41d7-9587-7f896a127311`)
.then(response => response.json())
.then(flightsDep => {
    tableDep(flightsDep.response) //response es el array de los vuelos. Ya que la promesa flights devuelve  objetos en los cuales "response" es el que me interesa
})
.catch(err => console.error(err));

fetch(`https://airlabs.co/api/v9/schedules?arr_iata=EZE&api_key=c5340141-e8ff-41d7-9587-7f896a127311`)
.then(response => response.json())
.then(flightsArr => {
    tableArr(flightsArr.response) //response es el array de los vuelos. Ya que la promesa flights devuelve  objetos en los cuales "response" es el que me interesa
})
.catch(err => console.error(err));
}


const tableDep = (flightsDep =>{
    console.log ('adad',flightsDep)
    const contentDeparture = document.querySelector("#contentDeparture")
    contentDeparture.innerHTML=""
    for(let flight of flightsDep){

        if(flight.airline_iata === "FO"){

            contentDeparture.innerHTML += `
            <tr>
                <th scope="row">°</th>
                <td>${flight.airline_iata} ${flight.flight_number}</td>
                <td>${flight.dep_iata} - ${flight.arr_iata}</td>
                <td>${flight.dep_time.slice(11) || "No programada" }</td>
            </tr>
            `
        }

    }

})

const tableArr = (flightsArr =>{
    const contentArrival = document.querySelector("#contentArrival")
    contentArrival.innerHTML=""
    for(let flight of flightsArr){

        if(flight.airline_iata === "FO"){

            contentArrival.innerHTML += `
            <tr>
                <th scope="row">°</th>
                <td>${flight.airline_iata} ${flight.flight_number}</td>
                <td>${flight.dep_iata} - ${flight.arr_iata}</td>
                <td>${flight.arr_time.slice(11) || "No programada" }</td>
            </tr>
            `
        }

    }

})