• Monday , 1 June 2020

minesweeper in javascript

Code Canyon

This is a Minesweeper step by step tutorial…This is intended for javascript beginners.

I tried in this video to do the code very slowly. Also sometimes I will do some dumb code just to guide into some common mistakes that people do. I really hope that this helps someone! 🙂


Step 1 – Interface

Step 2 – Generate Bombs

Step 3 – Show Bombs

Step 4 – Assign Actions to Buttons

Step 5 – Show and Hide Flags

Step 6 – Hit Position

Step 7 – Game Over

Step 8 – Explode

Step 9 – Explode Iterative

Step 10 – Is Winner?

Like and share. It’s FREE too 🙂

Download source code at:

Follow us on Facebook

Play Lists




Amazon Lumberyard Game Engine

Original source

3d Ocean

Related Posts


  1. Rok Zabukovec
    August 21, 2018 at 08:33

    im at 2h:56 and it all works well but the number of neighboringbombs isn't correct that is shown in the boxes. Do you have any clue why is that?

  2. Nadia Green
    August 21, 2018 at 08:33

    I like your game but I want to get the code because it's hard for me to look for errors on the video.

  3. Lorenzo Munisami
    August 21, 2018 at 08:33

    nigga why you sound so depressed

  4. Alexandre Carretero
    August 21, 2018 at 08:33

    I am starting your tutorial. Now I am building the interface and I came across a little issue.

    I noticed that you are not using the tag <!DOCTYPE HTML>, and it works fine like that. Yet, if I use this tag, the divs seem to be unable to contain the buttons and they overflow the space designed by the mainDiv, going all the way down the page.

    Is there any way I can fix it to HTML 5 friendly?


  5. Jeewan Maharjan
    August 21, 2018 at 08:33

    Your English is perfectly fine. I can understand very easily.but audio volume is very low.

Leave A Comment

You must be logged in to post a comment.