-
Notifications
You must be signed in to change notification settings - Fork 0
/
nav.js
86 lines (74 loc) · 2.57 KB
/
nav.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
86
/* Set the width of the sidebar to 250px and the left margin of the page content to 250px */
function openNav() {
document.getElementById("mySidebar").style.width = "300px";
document.getElementById("main").style.marginLeft = "300px";
}
/* Set the width of the sidebar to 0 and the left margin of the page content to 0 */
function closeNav() {
document.getElementById("mySidebar").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
}
function stopAud() {
document.getElementById("ship").stop();
}
function startAud() {
document.getElementById("ship").play();
}
let slideIndex = 0;
showSlides();
function showSlides() {
let i;
let slides = document.getElementsByClassName("img_display");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1;
}
// let dots = document.getElementsByClassName("dot");
// for (i = 0; i < dots.length; i++) {
// dots[i].className = dots[i].className.replace(" active", "");
// }
// dots[slideIndex-1].className += " active";
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 2000); // Change image every 2 seconds
}
// weather block
let temperature = document.querySelector(".temp");
let summary = document.querySelector(".summary");
let loc = document.querySelector(".location");
let icon = document.querySelector(".icon");
const kelvin = 273;
window.addEventListener("load", () => {
/* Get location
// if (navigator.geolocation) {
// navigator.geolocation.getCurrentPosition((position) => {
// console.log(position);
// lon = position.coords.longitude;
// lat = position.coords.latitude;
*/
// Hong Kong Location
const lon = 114.1694;
const lat = 22.3193;
// API URL
const base =
"https://data.weather.gov.hk/weatherAPI/opendata/weather.php?dataType=rhrread&lang=en";
// Calling the API
fetch(base)
.then((response) => {
return response.json();
})
.then((data) => {
console.log(data);
temperature.innerText =
Math.floor(data.temperature.data[16].value) + "°C";
// summary.innerText = data.warningMessage[0];
loc.innerText = data.temperature.data[16].place;
// Set icon
let icon1 = data.icon[0];
icon.innerHTML = `<img src="https://www.hko.gov.hk/images/HKOWxIconOutline/pic${icon1}.png" style= 'height:5rem'/>`;
});
// });
// }
});