You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
1.8 KiB
JavaScript

Array.from(document.querySelectorAll(".reveal")).forEach(function(reveal) {
reveal.addEventListener("click", function (e) {
console.log("Surprise, there's text!");
reveal.classList.toggle("tada");
})
});
Array.from(document.querySelectorAll(".entrance")).forEach(function(entrance) {
entrance.addEventListener("mouseover", function (b) {
console.log("Surprise, there's text!");
entrance.classList.toggle("tada");
})
});
// function myFunction() {
// var popup = document.getElementByClass("myPopup");
// popup.classList.toggle("show");
// }
// const arrows = document.getElementsByClassName("myPopup");
// const popup = document.createElement("span");
// popup.setAttribute("class", "popIN");
// popup.style.visibility = "hidden";
// popup.style.width = "30px";
// popup.style.position = "absolute";
// popup.style.bottom = "110%";
// popup.style.left = "10%";
// popup.style.marginleft = "-4px";
// popup.style.border = "solid 1pt";
// popup.style.borderadius = "3px";
// popup.style.padding = "4px 0";
// popup.style.color = "red";
// popup.style.backgroundColor = "white";
// popup.style.zIndex = "1";
// const popup_on = ((evt) => {
// const title = evt.target.title;
// popup.style.visibility = "visible";
// popup.innerHTML =
// <span> ${title} </span>;
// });
// const popup_off = ((ev) => {
// popup.style.visibility = "hidden";
// });
// // document.getElementByClassName("myPopup").addEventListener("mouseover", myFunction, false);
// for (let x of arrows) {
// if (x.tagName === "MARK") {
// x.addEventListener("click", popup_on, false);
// x.addEventListener("click", popup_off, false);
// }
// }
// }