https://vasucarrental.netlify.app/js/main.js

1const active1 = document.querySelectorAll('.faq-box-question')
2const active2 = document.querySelectorAll('.faq-box-answer')
3
4const btnChangeColor = document.querySelectorAll('.pick-box button')
5
6const mobileNavbarOpen = document.querySelector('.mobile-hamb')
7const mobileNavbarClose = document.querySelector('.mobile-navbar__close')
8const navBarMenu = document.querySelector('.mobile-navbar')
9
10function changeImages(anything) {
11    document.querySelector('.pick-car img').src = anything
12}
13
14const openNav = () => {
15    navBarMenu.classList.add('open-nav')
16}
17
18const closeNav = () => {
19    navBarMenu.classList.remove('open-nav')
20}
21
22active1.forEach((ele, index) => {
23
24    ele.addEventListener('click', () => {
25        active2[index].classList.toggle('active-answer')
26        active1[index].classList.toggle('active-question')
27
28    })
29
30})
31
32btnChangeColor.forEach((element) => {
33    element.addEventListener('mouseover', () => {
34        btnChangeColor.forEach(ele => ele.classList.remove('colored-button'))
35        element.classList.add('colored-button')
36    })
37
38    element.addEventListener('click', () => {
39        const img = document.querySelector('.pick-car img')
40        if (window.innerWidth < 700 || window.innerWidth == 1024) {
41            img.scrollIntoView({ behavior: 'smooth' })
42        }
43
44        element.classList.add('colored-button')
45    })
46})
47
48mobileNavbarOpen.addEventListener('click', () => {
49    openNav()
50})
51
52mobileNavbarClose.addEventListener('click', () => {
53    closeNav()
54})