How to run javascript function on every click on event?

Question

This is a simple function, which works to do animation in my div with the help of onclick event. I want the animation to be restarted on every click, in other words, the function is reset after the completion of the function, and when the button is clicked again, the animation will happen.

#myDiv {animation: none;}

function myFun() { document.getElementById('myDiv').style.animation = "animation 1s forwards"; }

You need to reset the animation property and then reassign it to restart the animation. — Terry, Oct 27 '22 at 05:16

score 0 · Answer 1 · answered Oct 27 '22 at 05:19

0

Can you try this?

function myFun()

{
    document.getElementById('myDiv').style.animation = null ;
    document.getElementById('myDiv').style.animation = "animation 1s forwards"; 
}

answered Oct 27 '22 at 05:19

Not working, I just want run function from beginning evry time when button clicked. – Geek Fools Oct 27 '22 at 10:05
document.getElementById('myDiv').style.animation = 'none'; try this also – Oct 28 '22 at 00:26
I can't try your code. So I don't know if it will work – Oct 28 '22 at 00:26
document.getElementById('myDiv').style.animation = 'none'; yes it's worked but i want the same thing with one button – Geek Fools Oct 28 '22 at 02:14

How to run javascript function on every click on event?

1 Answers1