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.
🔗Full code: https://github.com/beaucarnes/simon-game
🔗HTML file: https://raw.githubusercontent.com/beaucarnes/simon-game/master/index.html
🔗CSS file: https://raw.githubusercontent.com/beaucarnes/simon-game/master/css/style.css
Tutorial by Beau Carnes.
🐦Follow Beau on Twitter: @CarnesBeau
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://medium.freecodecamp.org
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Price:
Simon Game; Electronic Memory Game for Kids Ages 8 and Up; Handheld Game with Lights and Sounds; Classic Simon Gameplay
REPEAT THE PATTERNS: It's the exciting electronic game of lights and sounds! Players repeat random sequences of flashing lights by pressing the colored pads in the correct order SUSPENSE BUILDS: It starts off at a nice steady pace, but the light sequ... (as of August 4, 2020 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Price: $17.99
Simon Birch
(as of August 4, 2020 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Price:
Simon Game
Classic Simon gameplay Follow lights and sounds Suspense builds as sequences get longer Keeps track of highest score Includes Simon game unit and instructions Requires 3 1.5Volt "AA" alkaline batteries (demo batteries included) (as of August 4, 2020 - More infoProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Price: $14.99
![JavaScript Tutorial for Beginners: Learn JavaScript Basics in 1 Hour [2019]](https://img.youtube.com/vi/W6NZfCO5SIk/0.jpg "JavaScript Tutorial for Beginners: Learn JavaScript Basics in 1 Hour [2019]")
![Tetris #1 – HTML5 Game Programming Tutorial [javascript]](https://img.youtube.com/vi/Z3wvP27eW98/0.jpg "Tetris #1 – HTML5 Game Programming Tutorial [javascript]")
I am confused? On lines 89 and 78 of the index.js I get a “Uncaught TypeError” and its says “document.getElementbyID is not a function”???
Guys Look at this please, have tried stack overflow….
VM144 index.js:22 Uncaught TypeError: Cannot read property ‘addEventListener’ of null
at VM144 index.js:22
(anonymous) @ VM144 index.js:22
index.js:1 Uncaught SyntaxError: Identifier ‘order’ has already been declared
at VM144 index.js:1
(anonymous) @ index.js:1
#Impressive && motivational channel;
on () {
the whole planet!;
}
love you Team ❤❤❤❤
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!
great tutorial
thank you for this video ! ^^
just one question : in the html file you gave an id and a class to one element, why ? could we only give the id ? beacuse the class has not been used in the css file. (it’s this line : )
can you make another video on how you made the html and css?
Thanks make more game tutorials
Hi thanks for the video.
At around 22 minutes in, when you use the if statement with strictButton.checked, couldn’t you just do strict = strictButton.checked and not even need the conditional?
A most excellent video
can you make a video how to fork a cryptocoin for knowledge purpose
Just when I was looking for sources to learn Javascript, this video appeared. I already Love freecodecamp.org but these videos are cherry on the cake. Love it.
Thanks for this helpful video.
C++ course please
pls do videos like this……don’t stop your KT. I am always watching your videos. An inspiration for Programmers.:-)
Great series. Best channel for a reason 🙂
Funny this is my side project for my coding boot camp. I broke mine from breaking someone else’s lol.
That looks like the requirements of the assignment example. But wait, I thought students are supposed to figure it out to complete the assignment on their own if they can and not just copy or spoon feed? If they work in this field, they can’t rely on others all the time to complete their own job…Freecodecamp resources should be ample and good for its purpose I think, but for those looking for more maybe i.e. 4.8 or higher rated Udemy free and paid courses can help: https://recawt.blogspot.com/2018/10/485-rated-udemy-common-technology.html