Build Minesweeper with JavaScript

Build Minesweeper with JavaScript

Traversy Media

3 года назад

126,968 Просмотров

We are going to build the Minesweeper game functionality with vanilla JavaScript using recursion

Ania's YouTube Channel:
https://www.youtube.com/c/AniaKub%C3%B3w

Ania's Twitter:
https://twitter.com/ania_kubow

Code:
https://github.com/kubowania/minesweeper

💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

Timestamps:
0:00 - Brad's Intro
0:50 - Ania's Intro
1:11 - Recursion explainer
04:06 - Setting up our HTML
04:10 - Styling our Grid in CSS
07:20 - Setting up our JavaScript usng the DOM EventListener
08:47 - Creating our Board using .createElement() and .appendChild()
16:57 - Adding numbers to the board using Modulus and .contains()
25:21 - Checking what is under a Square usng .getAttribute() .innerHTML and .add()
31:33 - Checking neighbouring squares using recursion and setTimeout
42:56 - Adding flags to squares with a left click
44:46 - Checking for wins

Тэги:

#javascript_game #javascript #Ania_Kubow #mminesweeper #recursion
Ссылки и html тэги не поддерживаются


Комментарии: