Animation On Click

Question

I'm trying to create an animation that is triggered when a button is pressed but it doesn't work. What's wrong with my code?
https://code.sololearn.com/WgGK1REOmkie/?ref=app

Answer 1

https://code.sololearn.com/Wiq89K316l3E/?ref=app

theres a better way of doing this is by using css transition,

Answer 2

here;s more simpler way of doing this. feel free to studying it

https://code.sololearn.com/Wy0pTSQ8Y227/?ref=app

Answer 3

Thank you! It seems to work but it still says that there's an unexpected end of input on line 11. Is there a way to fix that?

Answer 4

you have <script> tag in there, remove it

Answer 5

I'm actually using your fixed version. It says that there's something wrong on line 11.

Answer 6

Interesting. The error comes only when I press the button. It works without errors when I click any random spot of the page.

Answer 7

oooh i see, i didnt really paid attention to the structure. i've edited the code again

Answer 8

Shouldn't it work only when the button is pressed?

Answer 9

Perfect, thank you very much! Now I have to study what I did wrong. 😀

Answer 10

yes your original code put click listener on the window. thats why i remove it. there's also a mistake in <button onclick

Answer 11

Awesome, thank you very much! 😀

Answer 12

Line 6 'our block element'

Answer 13

Css maybe