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
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);
|
|
// }
|
|
// }
|
|
|
|
|
|
// }
|