https://weinvest.co.il/wp-content/plugins/banner-component/banner.js

1console.log("banner.js");
2function createBanners(
3  bannersTitlesArray,
4  bannersClickFucntions,
5  activeIndex = 0
6) {
7  let bannersContainer = document.createElement("div");
8  bannersContainer.style.height = `${
9    bannersTitlesArray.length * 40 + 10 * bannersTitlesArray.length
10  }px`;
11  bannersContainer.className = "banner-component-container";
12  bannersTitlesArray.forEach((title, index) => {
13    let banner = document.createElement("div");
14    let bannerTitle = document.createElement("span");
15    banner.className = "banner-component";
16    banner.setAttribute("id", `banner-${index + 1}`);
17    bannerTitle.innerText = title;
18    banner.appendChild(bannerTitle);
19    if (index == activeIndex) {
20      banner.classList.add("banner-active");
21    }
22    banner.addEventListener("click", bannersClickFucntions[index]);
23    banner.addEventListener("click", (event) => setActive(event.currentTarget));
24    bannersContainer.appendChild(banner);
25  });
26
27  return bannersContainer;
28}
29
30function setActive(banner) {
31  let allBanners = document.getElementsByClassName("banner-component");
32  Array.from(allBanners).forEach((banner) => {
33    banner.classList.remove("banner-active");
34  });
35  banner.classList.add("banner-active");
36}