20 lines
672 B
JavaScript
20 lines
672 B
JavaScript
addEventListener("load", () => {
|
|
const onAnimationFinished = (e) => {
|
|
e.target.remove();
|
|
};
|
|
const onClick = (e) => {
|
|
const clickElement = document.createElement("div");
|
|
clickElement.className = "click";
|
|
clickElement.addEventListener("animationend", onAnimationFinished);
|
|
e.target.appendChild(clickElement);
|
|
};
|
|
for (const btn of document.getElementsByClassName("btn")) {
|
|
btn.addEventListener("focusin", () => {
|
|
console.log("IN");
|
|
});
|
|
btn.addEventListener("focusout", () => {
|
|
console.log("OUT");
|
|
});
|
|
btn.addEventListener("click", onClick);
|
|
};
|
|
}); |