MG-Music/script.js at main · Angel2001-programmer/MG-Music · GitHub

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
function eventButtonHandler0() {
  const eventDetails = document.getElementById("eventDetails0");
  const buttonText = document.getElementById("eventButton0");
  let eventDetailsState = eventDetails.style.display;

  if (eventDetailsState === "block") {
    eventDetails.style.display = "none";
    buttonText.textContent = "Show Details";
  } else {
    eventDetails.style.display = "block";
    buttonText.textContent = "Hide Details";
  }
}

function eventButtonHandler1() {
  let eventDetails = document.getElementById("eventDetails1");
  let buttonText = document.getElementById("eventButton1");
  let eventDetailsState = eventDetails.style.display;

  if (eventDetailsState === "block") {
    eventDetails.style.display = "none";
    buttonText.textContent = "Show Details";
  } else {
    eventDetails.style.display = "block";
    buttonText.textContent = "Hide Details";
  }
}

function eventButtonHandler2() {
  let eventDetails = document.getElementById("eventDetails2");
  let buttonText = document.getElementById("eventButton2");
  let eventDetailsState = eventDetails.style.display;

  if (eventDetailsState === "block") {
    eventDetails.style.display = "none";
    buttonText.textContent = "Show Details";
  } else {
    eventDetails.style.display = "block";
    buttonText.textContent = "Hide Details";
  }
}

function menuClick() {
  const dropDown = document.getElementById("drowndownEvent");
  let dropDownSetting = dropDown.style.display;

  if (dropDownSetting === "block") {
    dropDown.style.display = "none";
  } else {
    dropDown.style.display = "block";
  }

  window.onresize = function screenUpdate() {
    if (window.innerWidth > 767) {
      dropDown.style.display = "none";
    }
  };
}

window.onscroll = function () {
  let albums = document.querySelector(".albumsContainer");
  let events = document.querySelector("#upcoming-events");
  let scrollDown = this.scrollY;

  if (scrollDown === 0) {
    events.style.animation = "none";
    albums.style.animation = "none";
  } else {
    events.style.animation = "fadeIn 5s";
    albums.style.animation = "fadeIn 5s";
  }
};