Simon Game JavaScript Tutorial for Beginners

In this JavaScript game tutorial, you will learn how to create a Simon game using JavaScript, HTML, and CSS. Every line of JavaScript is explained.

Tutorial by Beau Carnes.

🐦Follow Beau on Twitter: @BeauCarnes

--

[Xanris]

I have recently subscribed to you, and the only thing i regret is that a single day only has 24 hours...I would need 72 hour days just to be able take all the information in... for someone who was always challenged in programming, you are a huge help and you are great teachers.
Thank you for all your time and effort you put into these videos!

[balajig]

pls do videos like stop your KT. I am always watching your videos. An inspiration for Programmers.:-)

[xHambonex]

I learned JS on FreeCodeCamp and Udemy. One of my first projects was building a Memory Game, I.E. Simon. This really opened my eyes to how much I could improve it. I couldn't figure out how to get the sequence to repeat every time but you made that clear. Love your videos, hope you keep putting them out.

[tamirpolyakov]

Thank you for doing so many js game tutorial I have been binge coding them. Please make more thank you

[yowiehopper]

Thank you very much, Beau Carnes. I really appreciate you taking the time to create this video. I am also glad that you provided us the code in case we got stuck. I was trying to keep up with the video and missed some brackets.

[DrJohnPollard]

WOW, this is clear and informative, unlike so many other tutorials. Well done!

[artur]

Well I didn't code along with this tutorial, I just tried to understand how to build it by myself, I didn't use noise and seems to work well, but I have the same thing as your game: *When you click fast on your turn, somehow it doesn't stop and the turn of the pc becomes faster*

The game becomes crazy and starts displaying a lot of buttons, how to fix that bug?

[p.s.]

Thank you so much. I started to learn java last week.

[ericreddy]

At 47:26 I am getting this console error:
index.js:124 Uncaught TypeError: Cannot read property 'style' of null
at clearColor (index.js:124)
at gameTurn (index.js:76)


Anyone have thoughts on this?

[SurajKumar-jnjf]

@freeCodeCamp.org at 32:26 in the video I attempt to print to the console the filled array but nothing happens when I click start. Just to verify the project worked I copied the JS script and pasted it and run it. However I get an uncaught error property play or null for the function “four” audio.play(). Can someone explain why this happens. I am using sublime text with google chrome browser.

[vaibhavkesharwani]

This is the best video ever for tutorial of Simon Game Thanks for this amazing video

[aravindmyd]

Great series. Best channel for a reason :)

[GoatzAreEpic]

amazing, really learned a lot thanks beau

[lauradangler]

Can somebody please tell me where to get the Audio files that are in the html? I dont see the Audio anywhere inside the full code Zip??

[derda]

Hello, if you wanted the game to have no consecutive same tile, how would you do it?

[ОмирзакКулдыбаев]

wow man, that's great work, thank you for this tutorial

[TheDigitalReset]

any chance you could provide the project requirements, I see the course has been updated and no longer has that project. I checked the wayback machine and still couldn't find it.

[abhishekshah]

Hey Beau, would like to ask you a question. When the user presses a button you setTimeout( () => { clearColor()}, 300); which makes the color disappear after 300 ms. However I'd like to keep the button lit up as long as the user holds down his click button. Is there a way in JS to achieve this?

[memodev]

Hi, I have a question. Why he used querySelector() and not getElementById() ??

[noizzee]

Thank you for your very educational video's! Keep up the good work!