Helgi Comments - Answer Overflow

Helgi

Posts Comments

KPCKevin Powell - Community

•Created by Helgi on 1/16/2025 in #front-end

animation on every click

https://codepen.io/etrbbr/pen/ZYzRwpb

15 replies

KPCKevin Powell - Community

•Created by Helgi on 1/16/2025 in #front-end

animation on every click

sorry i will send codepen rn

15 replies

KPCKevin Powell - Community

•Created by Helgi on 1/16/2025 in #front-end

animation on every click

i have one more question. id like to add "history" of rolls, like roll 1 and result roll 2 and result. but i kinda dont understand how i add image i am using counter to count amounf of rolls, here is code amountOfRolls += 1; li.appendChild(document.createTextNode(Roll ${amountOfRolls}:)); rollHistoryUl.appendChild(li);

15 replies

KPCKevin Powell - Community

•Created by Helgi on 1/16/2025 in #front-end

animation on every click

just in case someone will need it here solution and it works: const rollDiceBtn = document.querySelector(".buttonRoll"); const animationAdd = document.querySelector(".imgDice5"); rollDiceBtn.addEventListener("click", function () { let randomDice = Math.trunc(Math.random() * 6) + 1; animationAdd.src = dice-${randomDice}.svg; let animationOnDice = "rollDice 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55)"; animationAdd.style.animation = animationOnDice; }); animationAdd.addEventListener("animationend", function () { animationAdd.style.animation = ""; }); i just added animationAdd.addEventListener("animationend", function () { animationAdd.style.animation = ""; });

15 replies

KPCKevin Powell - Community

•Created by Helgi on 1/16/2025 in #front-end

animation on every click

i was thinking about it. do i need to remove it in my function?

15 replies

KPCKevin Powell - Community

•Created by Helgi on 1/14/2025 in #front-end

how to position arrows

thanks mate

3 replies

KPCKevin Powell - Community