blob: 13d72191948814fe0197948976599446857890f9 (
plain)
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
|
function orderButtonClicked(event) {
console.log("button click");
var button;
if (event.target.classList.contains("orderbutton")) {
button = event.target;
} else {
button = event.target.parentNode;
}
var node = button.previousElementSibling;
var adults;
var kids;
var parkName;
while (true) {
if (node.classList.contains("numberofkids")) {
kids = Number(node.value);
}
if (node.classList.contains("numberofadults")) {
adults = Number(node.value)
}
if (node.classList.contains("parkname")) {
parkName = node.innerText;
break
}
if (node.previousElementSibling == null) {
node = node.parentNode;
} else {
node = node.previousElementSibling;
}
}
if (kids > 0 || adults > 0) {
saveOrderInShoppingBasket(parkName, adults, kids);
}
};
function saveOrderInShoppingBasket(name, adults, kids) {
var order = {
name: name,
adults: adults,
children: kids,
};
var orderString = JSON.stringify(order);
localStorage.setItem(localStorage.length + 1, orderString)
document.querySelector(".badge").innerText = localStorage.length;
}
document.querySelector(".badge").innerText = localStorage.length;
var buttons = document.querySelectorAll(".orderbutton");
for (var i = 0; i < buttons.length; i++) {
console.log(buttons[i]);
buttons[i].addEventListener("click", orderButtonClicked);
}
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
// Get the header
var header = document.getElementById("sticky-header");
// Get the offset position of the navbar
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
|
