Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Build Minesweeper with JavaScript
Play lesson

Vanilla JavaScript - Build Minesweeper with JavaScript

5.0 (3)
31 learners

What you'll learn

This course includes

  • 52 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere