Build Minesweeper with JavaScript

Build Minesweeper with JavaScript

Traversy Media via YouTube Direct link

- Styling our Grid in CSS

5 of 12

5 of 12

- Styling our Grid in CSS

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build Minesweeper with JavaScript

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Brad's Intro
  2. 2 - Ania's Intro
  3. 3 - Recursion explainer
  4. 4 - Setting up our HTML
  5. 5 - Styling our Grid in CSS
  6. 6 - Setting up our JavaScript usng the DOM EventListener
  7. 7 - Creating our Board using .createElement() and .appendChild()
  8. 8 - Adding numbers to the board using Modulus and .contains()
  9. 9 - Checking what is under a Square usng .getAttribute() .innerHTML and .add()
  10. 10 - Checking neighbouring squares using recursion and setTimeout
  11. 11 - Adding flags to squares with a left click
  12. 12 - Checking for wins

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.