Back to Browse

Build Minesweeper with JavaScript

129.8K views
Jul 27, 2020
48:05

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

Download

1 formats

Video Formats

360pmp483.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Build Minesweeper with JavaScript | NatokHD