How to run javascript function on every click on event? [duplicate]

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
– Terry, Commented Oct 27, 2022 at 5:16

user20066177 · Accepted Answer · 2022-10-27 05:19:23Z

0

Can you try this?

function myFun()

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

answered Oct 27, 2022 at 5:19

user20066177

Sign up to request clarification or add additional context in comments.

4 Comments

Geek Fools Over a year ago

Not working, I just want run function from beginning evry time when button clicked.

user20066177 Over a year ago

document.getElementById('myDiv').style.animation = 'none'; try this also

user20066177 Over a year ago

I can't try your code. So I don't know if it will work

Geek Fools Over a year ago

document.getElementById('myDiv').style.animation = 'none'; yes it's worked but i want the same thing with one button

Collectives™ on Stack Overflow

How to run javascript function on every click on event? [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related