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