-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
85 lines (71 loc) · 2.9 KB
/
script.js
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
let villeChoisie;
// recevoirTemperature(villeChoisie);
// Avec Géolocalisation
// if ("geolocation" in navigator) {
// navigator.geolocation.watchPosition((position) =>{
// const url = 'https://api.openweathermap.org/data/2.5/weather?lon=' + position.coords.longitude + '&lat=' + position.coords.latitude + '&appid=59720dc89a1714b9ab598f9476bef072&units=metric';
// console.log(url);
// let requete = new XMLHttpRequest();
// requete.open ('GET', url),
// requete.responseType = 'json';
// requete.send();
// requete.onload = function () {
// if (requete.readyState === XMLHttpRequest.DONE) {
// if (requete.status === 200) {
// let reponse = requete.response ;
// let temperature = reponse.main.temp;
// let ville = reponse.name;
// document.querySelector('#temperature_label').textContent = temperature;
// document.querySelector('#ville').textContent = ville;
// }
// else {
// alert('Un problème est intervenu, merci de revenir plus tard.');
// }
// }
// }
// }, erreur, options);
// }
// else {
// villeChoisie = 'Paris';
// recevoirTemperature(villeChoisie);
// }
// Sans Géolocalisation
villeChoisie = 'Paris';
recevoirTemperature(villeChoisie);
var options = {
enableHighAccuracy: true
}
let button = document.querySelector('#changer');
button.addEventListener('click', () => {
villeChoisie = prompt('choisissez une ville');
recevoirTemperature(villeChoisie);
});
function erreur() {
villeChoisie = "Paris";
recevoirTemperature(villeChoisie);
};
function recevoirTemperature (ville) {
const url = 'https://api.openweathermap.org/data/2.5/weather?q=' + ville + '&appid=59720dc89a1714b9ab598f9476bef072&units=metric';
let requete = new XMLHttpRequest();
requete.open ('GET', url),
requete.responseType = 'json';
requete.send();
requete.onload = function () {
if (requete.readyState === XMLHttpRequest.DONE) {
if (requete.status === 200) {
let reponse = requete.response ;
let temperature = reponse.main.temp;
let ville = reponse.name;
document.querySelector('#temperature_label').textContent = temperature;
document.querySelector('#ville').textContent = ville;
}
else {
alert('Un problème est intervenu, merci de revenir plus tard.');
}
}
}
}
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})