home.js

document.addEventListener("click", (clickEvent) => {
  if (clickEvent.target.id === "onboardingButtonZero") {
    flipVisibility("onboardingContentZero");
  } else if (clickEvent.target.id === "onboardingButtonOne") {
    flipVisibility("onboardingContentOne");
  } else if (clickEvent.target.id === "onboardingButtonTwo") {
    flipVisibility("onboardingContentTwo");
  } else if (clickEvent.target.id === "onboardingButtonThree") {
    flipVisibility("onboardingContentThree");
  } else if (clickEvent.target.id === "onboardingButtonFour") {
    flipVisibility("onboardingContentFour");
  } else if (clickEvent.target.id === "onboardingButtonFive") {
    flipVisibility("onboardingContentFive");
  } else if (clickEvent.target.id === "fliplinks") {
    flipVisibility("info-content");
  }
});

function flipVisibility(div) {
  console.log("(home) seeking flippable", div);
  let flippable = document.getElementById(div);
  if (flippable.style.display !== "block") {
    flippable.style.display = "block";
  } else {
    flippable.style.display = "none";
  }
}