Help please?

Question

I can not seem to get this to work... what is the best way of playing an animation oncklick?

https://sololearn.com/compiler-playground/WgaYjYkc34lV/?ref=app

Answer 1

Thank you so much😀

however,it only works once....

Answer 2

Wow,thanks I did not know you could do that..

Answer 3

I cannot seem to make a onclick animation..

If you can't help,it's fine

Answer 4

I added comments in the CSS and the Javascript tab. I short: On clicking, we add the animation as CSS class and remove it again after a certain duration. This way, we can add it again on the next click.

In your CSS there appears to be a problem: there is no closing } for the body?

https://sololearn.com/compiler-playground/WZLWPbn1UK1T/?ref=app

Answer 5

Thanks Bob_Li

Answer 6

Daniel
here is a no js version.
the trick is to use :hover to set the animation and :active to remove it. I also tweaked the style a bit.

https://sololearn.com/compiler-playground/WfujKK9i85xz/?ref=app

Answer 7

Daniel
https://sololearn.com/compiler-playground/WV07pSMaayMc/?ref=app

Answer 8

when I write

onclick="x()"

instead of

onclick="x"

it started to spin. Is this what you wanted to achieve?

Answer 9

What is "this"?

Answer 10

Read the comment instead of just upvoting it.

If you need help with your code, link your code.