https://cdn.beautynesia.id/js/custom.js?v=3.4.6

1function scrollTop() {
2  const scrollTop = document.getElementById("scroll-top");
3  const nav = document.getElementById("nav");
4  const topFrame = document.getElementById("top_frame_banner");
5  const navHide = document.getElementById("nav-more");
6
7  if (this.scrollY >= 560) scrollTop?.classList.add("show-scroll");
8  else scrollTop?.classList.remove("show-scroll");
9  if (this.scrollY >= 50) {
10    nav?.classList.add("pe-none");
11    topFrame?.classList.add("is-sticky");
12    navHide?.classList.remove("is--hidenav");
13  } else {
14    nav?.classList.remove("pe-none");
15    topFrame?.classList.remove("is-sticky");
16    navHide?.classList.add("is--hidenav");
17  }
18}
19window.addEventListener("scroll", scrollTop);
20
21//CUSTOM SLIDER
22const rightButtons = Array.from(document.querySelectorAll("[data-inf-right]"));
23const leftButtons = Array.from(document.querySelectorAll("[data-inf-left]"));
24const containers = Array.from(document.querySelectorAll("[data-inf]"));
25
26rightButtons.forEach((rightButton, index) => {
27  const container = containers[index];
28  rightButton.addEventListener("click", function () {
29    const childWidth = container.children[0].offsetWidth;
30    container.scrollLeft += childWidth;
31  });
32});
33
34leftButtons.forEach((leftButton, index) => {
35  const container = containers[index];
36  leftButton.addEventListener("click", function () {
37    const childWidth = container.children[0].offsetWidth;
38    container.scrollLeft -= childWidth;
39  });
40});
41
42const iframe = document.querySelector("[data-video-iframe]");
43const title = document.querySelector("[data-video-title]");
44const author = document.querySelector("[data-video-author]");
45const date = document.querySelector("[data-video-date]");
46const lists = document.querySelectorAll("[data-video-list] article *");
47

48lists.forEach((list) => {
49  list.addEventListener("click", function handleClick(event) {
50    event.preventDefault();
51    const redaktur = `${this.dataset.thumbAuthor} | <span>${this.dataset.thumbPublisher}</span>`;
52    iframe.src = this.dataset.thumbSrc;
53    title.innerHTML = this.dataset.thumbTitle;
54    author.innerHTML = redaktur;
55    date.innerHTML = this.dataset.thumbDate;
56  });
57});
58
59// COPYTEXT DETAIL BEAUPICKS
60const copytooltip = document.querySelectorAll(".copyurl-this");
61
62copytooltip.forEach((tdx) => {
63  tdx.onclick = function () {
64    document.execCommand("copy");
65    this.className = "copied";
66    var tdx = this;
67    setTimeout(function () {
68      tdx.className = "";
69    }, 1000);
70  };
71
72  tdx.addEventListener("copy", function (event) {
73    event.preventDefault();
74    if (event.clipboardData) {
75      event.clipboardData.setData("text/plain", tdx.textContent);
76      console.log(event.clipboardData.getData("text"));
77    }
78  });
79});