Traversy Media | Build Minesweeper with JavaScript @TraversyMedia | Uploaded July 2020 | Updated October 2024, 4 hours ago.
We are going to build the Minesweeper game functionality with vanilla JavaScript using recursion
Ania's YouTube Channel:
youtube.com/c/AniaKub%C3%B3w
Ania's Twitter:
twitter.com/ania_kubow
Code:
github.com/kubowania/minesweeper
💖 Become a Patron: Show support & get perks!
patreon.com/traversymedia
Website & Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
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
We are going to build the Minesweeper game functionality with vanilla JavaScript using recursion
Ania's YouTube Channel:
youtube.com/c/AniaKub%C3%B3w
Ania's Twitter:
twitter.com/ania_kubow
Code:
github.com/kubowania/minesweeper
💖 Become a Patron: Show support & get perks!
patreon.com/traversymedia
Website & Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
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