Why isn't my marquee moving?

Question

I have a marquee that would only pop up after you put in my password. The problem is that it won't scroll across the screen when I give it an I'd and set it to block with JavaScript. How can I get it to move? What's wrong with my code? The password is Kayla.
https://code.sololearn.com/Wu37oB863SyV/?ref=app

Answer 1

Updated your code adding marquee on password entry and fixed password test.
https://code.sololearn.com/WxqGT9sj7zZ3

Answer 2

the CSS change was a great idea @Deepak Gautam

#marquee{
font-size:40px;
color: green;;
display:none;
width:100%;
padding-left:30px;
opacity:0.7;
animation:slide 10s infinite;
-moz-animation:slide 10s infinite;
-webkit-animation:slide 10s infinite;
-o-animation: slide 10s infinite;//Opera }

Answer 3

Thank you, John! I'll be sure to look over what you've done so I can learn and avoid this problem in the future.

Answer 4

I put together a working example based on:
https://stackoverflow.com/questions/21739127/understanding-the-marquee-effect-in-css3

https://code.sololearn.com/Wtn8hBiCl0GZ

Note: your password isn't needed because your if to check it is missing the second = sign so it assigns instead of compares.

Answer 5

@Martin Taylor
If I remove it then the marquee will show on the same page as the password and I want it to only show after the password is used.

Answer 6

Your welcome! I got to play with marquees for the first time so I got to learn something new, too.

Answer 7

C0d!ng K!tty since the marquee works in Deepak Gautam code, you should be able to add it in JS after the password is entered.