Why is my animation broken?(JavaScript and CSS experts)

Question

Why is the animation running only for "text 1"? Is there something wrong?

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

Answer 1

Rishi Try using appendChild instead of adding and removing class
https://code.sololearn.com/W6OLAmdWm08Y/?ref=app

Answer 2

You have to overwork the function rollNextSentence();
For example put a parameter with text variable and repeat calling for each array item.

Answer 3

JaScript i don't understand, can you edit my code and share it pls?

Answer 4

Raju Adhikary thank you very much 😃

Answer 5

JaScript You forgot to add background to the color, the code is supposed to be like this

@keyframes myAnimation{
0%{
background-color:black;
}
100%{
background-color:blue;
}
}

Answer 6

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