In turn, dynamically creating an array of arrays to match the visual table.I created a function (with the help of Jim, of course) which parses the number from the ID on the table which converts it into a $ variable which basically appends rows/cols based on the number it grabs.Dynamically sizing the table when clicking a difficulty level.My biggest challenge with the CSS was figuring out the table styles (borders, td sizes, etc.) JavaScriptĪs this was my first time ever writing a functioning web app using JavaScript, it's not a big surprise that this section was by far the greatest challenge of the project for me. I still want to mess around with it a bit to get it perrrrfect (couldn't find the exact font used by MS). I had a lot of fun styling this to the old look of the Windows '95 desktop view. Not to mention, the gameboard itself is just a simple table. SWEEPER.?) Technologies UsedĪs you can see from the source code, the HTML is very concise, as most of the action happens in the JavaScript.

Win by uncovering all the cells without mines!.Use 'Shift + Click' to add flags to a cell if you think it's a mine.*The numbers depict how many mines are adjacent to any given cell. Click anywhere on the board to begin and start the timer.I remember my first experience with computers in the 90's involved playing this game a lot, so I thought what better game than this to come full circle? My Version The basic gameplay style became a popular segment of the puzzle game genre during the 1980s.īrush up on your Minesweeper history here.ĭo you know what an actual Minesweeper is? I didn't either until I read this. The earliest ancestor of Minesweeper was Jerimac Ratliff's Cube. Minesweeper has its origins in the earliest mainframe games of the 1960s and 1970s. yep, that old classic game you remember playing on good ol' Windows '95 back in the day (in fact it was implemented in Microsoft's software updates until Windows 8).

Minesweeper original windows 7