-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
55 lines (48 loc) · 1.69 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
/*Hamburger Menu*/
const hamburger = document.querySelector(".hamburger");
const navMenu = document.querySelector(".nav-menu");
hamburger.addEventListener("click", () => {
hamburger.classList.toggle("active");
navMenu.classList.toggle("active");
});
document.querySelectorAll("nav-link").forEach((link) =>
link.addEventListener("click", () => {
hamburger.classList.remove("active");
navMenu.classList.remove("active");
})
);
/*Image Carousel*/
var view;
view = [
"https://www.shelliesflowers.co.uk/upload/mt/she160/products/category/congratulations.jpg",
"https://www.shelliesflowers.co.uk/upload/mt/she160/products/category/new-born.jpg",
"https://www.shelliesflowers.co.uk/upload/mt/she160/products/category/retirement.jpg",
];
document.getElementById("next").addEventListener("click", (event) => {
view.push(view.shift());
let element_photo = document.getElementById("photo");
element_photo.setAttribute("src", view[0]);
});
document.getElementById("previous").addEventListener("click", (event) => {
view.unshift(view.pop());
let element_photo = document.getElementById("photo");
element_photo.setAttribute("src", view[0]);
});
/*Comments */
function getNumberOrString(value) {
// Convert a string value to a number if possible
let number_value = Number(value);
if (Number.isNaN(number_value)) {
return value;
} else {
return number_value;
}
}
document.getElementById("submit").addEventListener("click", (event) => {
let element_comments = document.getElementById("comments");
let new_div = document.createElement("div");
new_div.innerText = getNumberOrString(
document.getElementById("addcomment").value
);
element_comments.appendChild(new_div);
});