Learn the JavaScript DOM With This Project - Memory Game

View the SOURCE CODE:
dcode.domenade...
The best way to learn the JavaScript DOM is to build something with it. In this video, we'll be building a memory game.
🏫 My Udemy Courses - www.udemy.com/...
🎨 Download my VS Code theme - marketplace.vi...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript

[@dcode-software]

*MORE JAVASCRIPT PROJECTS* 👇
th-cam.com/play/PLVvjrrRCBy2KvTPJ-HLG4PRqYf-MVJ0h7.html
*ENROL IN THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇
www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1

[@justinstewart3060]

I have watched this video and rewatched this video. I learned alot from this project. I have made simple projects like "to-do lists" and such but I haven't used "return" hardly at all. This project really showed me how to use the "return" statement and "true/false" statements. I made this project 3-4 different times. Had to keep watching parts of your video when I would get stuck but I eventually made it on my own. Everything seems very simple eventually once you learn why things are doing what they are. Thanks for the video, your way of teaching is awesome, keep it up!

[@yoonei5373]

ur teaching method is really good
thanks😍

[@dcode-software]

🙏🙏

[@kubataiupov1245]

Nice and helpful video. Thank you man!

[@gabebott9254]

Great tutorial for a beginner. I am having trouble with the game not letting me click on more tiles after the initial 2 disappear. What do you think could be causing this?

[@JohnCoffeyLikeTheDrink]

You probably already solved it, but looking at console it says theres a problem with line 75 in java script

[@alhamdulilah6892]

Amazing tutorial, really needed this to practice Js, Thanks Dom!

[@rigohernandez1770]

On line 13 (time 11:16), you used colorsPicklist.length. Isn't this equivalent to tileCount which is declared on line 4?

[@valenciawalker6498]

Thank you!

[@xbox360fan1956]

18:16 when I add the event listener it only changes the last colour regardless of what tile I click on. I can't click on any other tiles after the last colour has been revealed.

[@xbox360fan1956]

Update: I didn't use your method but somehow after copying and pasting random code I got it to work.
It is now 4am and I crushed 3 energy drinks. I also have no idea what I'm doing with my life. Is this how software development works?

[@CrazyAshu34]

could you tell me your Vs Code theme Name_🙆

[@znkdev]

nice! what is this extension that you type .classname and add a div

[@dcode-software]

Hey. It's part of VS Code. No extension needed 🙂

[@znkdev]

@@dcode-software mine doesn't do it, I'll check it again. TY

[@ajayathapa8251]

How did you get more tha 8 colors after splice??? When using splice it detuct 1 element. So, usng for loop it delete 8 color element. Plz explain???

[@dcode-software]

Hey, I'm not sure. Just make sure that you've copied the code exactly from what's on the video. You can also download the code by visiting the link in description if you need.

[@darthchris623]

@@dcode-software I had the same problem. The splice doesn't work. JS only prints 8 colors. Furthermore, I got 3 of the same color.

[@nikolalazic3077]

@@darthchris623 @ajayathapa8251 you are better off using a shuffle function. If you dont know how to do it, just google "javascript shuffle" and look to stack overflow, some guy made a good function for it. You wanna then remove the index in the for loop and make a variable to store the shuffled array outside of the loop
IK you most likely solved this but this is for any newbie that has trouble with this as well

[@86_magical30]

Why are you using functional programming I thought your signature was OOP ?

[@dcode-software]

Hey, not all the time. I aimed this video toward beginners who'd probably find functional programming a bit simpler. Besides, no harm in functional programming 😎

[@TsoiIzAlive]

Dom teach me the DOM

[@dcode-software]

😎 that's right

[@TsoiIzAlive]

@@dcode-software To make this project better once its finished is, one could add a button that resets all the tiles and variables. Its a good practice instead of smashing a location.reload() on the button.

[@techballerina]

doesnt seem to workout for me in intellij.

[@darthchris623]

I don't understand how awaitingEndOfMove and activeTile work. From my point of view, they are 'empty' variables. They shouldn't work.

[@JVM-ok5eg]

Dom teaching DOM 😂😂