The JavaScript Source: Games: Minesweeper

Click here

Home

Games

Minesweeper

Don't have Windows Minesweeper game on your computer at work or school? Think again! Play this JavaScript-powered version which acts just like the Windows version and even supports custom-sized grids. Sweet!

(Note: Use Control+Click to flag a mine.)

You must also upload all these
necessary images to your website.
Download this .zip file and upload
the images to your web server.

Dowload minesweeper.zip

The JavaScript Source: Games: Minesweeper
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <BODY> <SCRIPT LANGUAGE="JavaScript">      <DIV align=center> " +" <table width=" + totalWidth +" border=0 cells" +"pacing=0 cellpadding=0> <tr bgcolor=#bbbbbb heigh" +"t=1> <td width=1 bgcolor=#bbbbbb></td><td width" +"=1 bgcolor=#bbbbbb></td> <td width=1 bgcolor=#bbb" +"bbb></td><td width=" + tW6 +" bgcolor=#bbbbbb></td> <t" +"d width=1 bgcolor=#bbbbbb></td> <td width=1 bgcol" +"or=#bbbbbb></td> <td width=1 bgcolor=#000000></td" +"></tr><tr height=1><td width=1 bgcolor=#bbbb" +"bb></td><td width=1 bgcolor=#ffffff></td><td w" +"idth=1 bgcolor=#ffffff></td><td bgcolor=#ffffff>" +"</td><td width=1 bgcolor=#ffffff></td><td widt" +"h=1 bgcolor=#888888></td><td width=1 bgcolor=#00" +"0000></td></tr><tr height=1><td width=1 bgco" +"lor=#bbbbbb></td><td width=1 bgcolor=#ffffff></t" +"d><td width=1 bgcolor=#bbbbbb></td><td bgcolor" +"=#bbbbbb></td><td width=1 bgcolor=#bbbbbb></td> " +"<td width=1 bgcolor=#888888></td><td width=1 bg" +"color=#000000></td></tr></table>" +"<table border=0 cellspacing=0 cellpadding=0><t" +"r height=18><td width=1 bgcolor=#bbbbbb></td><" +"td width=1 bgcolor=#ffffff></td><td width=1 bgco" +"lor=#bbbbbb></td><td bgcolor=#000088><img src='t" +"itle.gif'><img src='a.gif' height=1 width=" + topBarWidth +" name=" +"'titleBarEmptySpace'></td><td><img src='buttons." +"gif'></td><td width=1 bgcolor=#bbbbbb></td><td" +" width=1 bgcolor=#888888></td><td width=1 bgcolo" +"r=#000000></td></tr></table> " +"<table border=0 cellspacing=0 cellpadding=0> <tr" +" height=20 bgcolor=#bbbbbb> <td width=1 bgcolor=#" +"bbbbbb></td> <td><img src='menu.gif'></td><td> <" +"img src='a.gif' height=1 width=" + menuBarWidth +" name='menuBarEmp" +"tySpace'></td> <td width=1 bgcolor=#bbbbbb></td> " +"<td width=1 bgcolor=#888888></td> <td width=1 bg" +"color=#000000></td> </tr></table>  <table border=0 cellspacing=0 cellpadding=0" +"> <tr height=11 width=160> <td width=1 bgcolor=#" +"bbbbbb></td> <td width=1 bgcolor=#ffffff></td> <" +"td width=1 bgcolor=#bbbbbb></td> <td><img src='tl" +".gif'></td> <td><img src='header.gif' width=" + ww2 +" height=11></td> <td><img src='tr.gif'></td><td><" +"img src='right.gif' width=5 height=11></td> </tr>" +"</table><table width=" + totalWidth +" border=0 cellspacing=0 cellpadd" +"ing=0> <tr height=33> <td width=1 bgcolor=#bbbbb" +"b></td> <td width=1 bgcolor=#ffffff></td> <td wi" +"dth=1 bgcolor=#bbbbbb></td> <td><img src='cplleft" +".gif' height=33 width=11></td> <td>  <table width=" + ww2 +" border=0 cellspacing=" +"0 cellpadding=0><tr height=4 width=" + ww2 +"><td bgcolor=#bbbbbb" +"></td></tr></table> <table width=" + ww2 +" border=0 cel" +"lspacing=0 cellpadding=0><tr height=26><td " +"width=5 bgcolor=#bbbbbb></td><td> <table width=41 border=0 cellspacing=0 c" +"ellpadding=0><tr bgcolor=#888888><td></td><td>" +"</td><td></td> <td></td><td></td><td></td> <td><" +"/td><td></td> <td width=1 bgcolor=#bbbbbb></td></" +"tr> <tr bgcolor=#000000> <td width=1 bgcolor=#88" +"8888></td> <td></td><td></td> <td></td><td></td>" +"<td></td><td></td><td></td> <td width=1 bgcolor" +"=#ffffff></td></tr> <tr bgcolor=#000000> <td wid" +"th=1 bgcolor=#888888></td> <td width=1 bgcolor=#0" +"00000></td> <td><img src='0.gif' name='flag1'></t" +"d><td width=2></td><td><img src='1.gif' name='" +"flag2'></td><td width=2></td><td><img src='0.g" +"if' name='flag3'></td><td width=1></td> <td wid" +"th=1 bgcolor=#ffffff></td></tr> <tr bgcolor=#0000" +"00> <td width=1 bgcolor=#888888></td> <td></td><" +"td></td> <td></td><td></td><td></td> <td></td><t" +"d></td> <td width=1 bgcolor=#ffffff></td></tr> <" +"tr bgcolor=#ffffff> <td width=1 bgcolor=#bbbbbb><" +"/td> <td></td><td></td> <td></td><td></td><td></" +"td> <td></td><td></td> <td></td></tr><" +"tr bgcolor=#bbbbbb> <td width=1 bgcolor=#bbbbbb><" +"/td> <td></td><td></td> <td></td><td></td><td></" +"td> <td></td><td></td> <td></td></tr></table> </td> <td bgcolor=#bbbbbb><img height=1 " +"src='a.gif' width=" + cplLeft + "name='cplLeft'>" +"<td><img src='btnsmile.gif' name='condition' onmo" +"usedown='document.images.condition.s" +'rc="btnsmil2.gif"' +";' onmouseu" +"p='document.images.condition.s" +'rc="btnsmile.gif";location.reload();' +";'></td> <td width=4 bgcolor=#bbbbbb>" +"<img height=1 src='a.gif'" +" width=" + cplRight + ">" +"</td> <td>  <table width=4" +"1 border=0 cellspacing=0 cellpadding=0> <tr bgcol" +"or=#888888> <td></td><td></td><td></td> <td></td" +"><td></td><td></td><td></td><td></td> <td width" +"=1 bgcolor=#bbbbbb></td></tr> <tr bgcolor=#000000" +"> <td width=1 bgcolor=#888888></td> <td></td><td" +"></td> <td></td><td></td><td></td> <td></td><td>" +"</td> <td width=1 bgcolor=#ffffff></td></tr> <tr" +" bgcolor=#000000> <td width=1 bgcolor=#888888></t" +"d> <td width=1 bgcolor=#000000></td> <td><img sr" +"c='0.gif' name='elapse1'></td> <td width=2></td> " +"<td><img src='0.gif' name='elapse2'></td> <td wi" +"dth=2></td> <td><img src='0.gif' name='elapse3'><" +"/td> <td width=1></td> <td width=1 bgcolor=#ffff" +"ff></td></tr> <tr bgcolor=#000000> <td width=1 b" +"gcolor=#888888></td> <td></td><td></td> <td></td" +"><td></td><td></td> <td></td><td></td> <td width" +"=1 bgcolor=#ffffff></td></tr> <tr bgcolor=#ffffff" +"> <td width=1 bgcolor=#bbbbbb></td> <td></td><td" +"></td> <td></td><td></td><td></td> <td></td><td>" +"</td> <td></td></tr> <" +"tr bgcolor=#bbbbbb> <td width=1 bgcolor=#bbbbbb><" +"/td> <td></td><td></td> <td></td><td></td><td></" +"td> <td></td><td></td> <td></td></tr> " +"</table>  </td> <td " +"width=7 bgcolor=#bbbbbb></td></tr></table><table " +"width=" + ww2 +" border=0 cellspacing=0 cellpadding=0> " +"<tr height=3><td bgcolor=#bbbbbb></td></tr></table" +">  </td> <td><img src" +"='cplright.gif' height=33 width=11></td> <td><img" +" src='right.gif' height=33 width=5></td> </tr></t" +"able> <table border=0 cells" +"pacing=0 cellpadding=0> <tr height=11 width=" + totalWidth +"> " +"<td width=1 bgcolor=#bbbbbb></td> <td width=1 bg" +"color=#ffffff></td> <td width=1 bgcolor=#bbbbbb><" +"/td> <td><img src='ml.gif'></td><td><img src='" +"separatr.gif' width=" + wideWidth +" height=11></td><td><img" +" src='mr.gif'></td><td><img src='right.gif' width" +"=5></td></tr></table>  <table" +" width=" + totalWidth +" border=0 cellspacing=0 cellpadding=0> " +"<tr height=" + highHeight +"> <td width=1 bgcolor=#bbbbbb></td>" +" <td width=1 bgcolor=#ffffff></td> <td width=1 b" +"gcolor=#bbbbbb></td> <td><img src='fielside.gif' " +"width=12 height=" + highHeight +"></td> <td> </td><td' +' valign=right><img src="fielside.gif" width=12 heig' +'ht=' + highHeight +'></td> <td valign=right><img src="right.gif' +'" width=5 height=' + highHeight +'></td></tr></table><table width=' + totalWidth +' border=0 cellspacing=0 cellpadding=0><tr heigh' +'t=12> <td width=1 bgcolor=#bbbbbb></td> <td widt' +'h=1 bgcolor=#ffffff></td> <td width=1 bgcolor=#bb' +'bbbb></td> <td><img src="bl.gif"></td> <td><img ' +'src="footer.gif" width=' + wideWidth +' height=12></td> <td><i' +'mg src="br.gif"></td> <td><img src="right.gif" he' +'ight=12></td></tr></table> <ta' +'ble width=' + totalWidth +' border=0 cellspacing=0 cellpadding=0' +'> <tr bgcolor=#bbbbbb height=1> <td width=1 bgco' +'lor=#bbbbbb></td><td width=1 bgcolor=#ffffff></t' +'d> <td width=1 bgcolor=#bbbbbb></td><td width=' + tW6 +' bgcolor=#bbbbbb></td><td width=1 bgcolor=#bbb' +'bbb></td> <td width=1 bgcolor=#888888></td> <td ' +'width=1 bgcolor=#000000></td> </tr> <tr height=1' +'> <td width=1 bgcolor=#bbbbbb></td> <td width=1 ' +'bgcolor=#888888></td> <td width=1 bgcolor=#888888' +'></td> <td bgcolor=#888888></td> <td width=1 bgc' +'olor=#888888></td> <td width=1 bgcolor=#888888></' +'td> <td width=1 bgcolor=#000000></td> </tr> <tr' +' height=1> <td width=1 bgcolor=#000000></td> <td' +' width=1 bgcolor=#000000></td> <td width=1 bgcolo' +'r=#000000></td> <td bgcolor=#000000></td> <td wi' +'dth=1 bgcolor=#000000></td> <td width=1 bgcolor=#' +'000000></td> <td width=1 bgcolor=#000000></td> <' +'/tr></table> </div>'); } // Function to calculate the number of mines adjacent to a grid location function surrounding(y,x) { var count = 0; if (y > 0 && x > 0 && mines[y-1][x-1]) count++; if (y > 0 && mines[y-1][x]) count++; if (y > 0 && x < gridx-1 && mines[y-1][x+1]) count++; if (x > 0 && mines[y][x-1]) count++; if (x < gridx-1 && mines[y][x+1]) count++; if (y < gridy-1 && x > 0 && mines[y+1][x-1]) count++; if (y < gridy-1 && mines[y+1][x]) count++; if (y < gridy-1 && x < gridx-1 && mines[y+1][x+1]) count++; return count; } // Recursive function to 'roll back' the grid when user clicks on a tile // with no surrounding mines function rollback(y,x) { if (y >= 0 && y < gridy && x >=0 && x < gridx) { if (shown[y][x] != 3) { var c = surrounding(y,x); shown[y][x] = 3; squaresleft--; document.images["grd"+y+"_"+x].src = dir + "sq"+c+".gif"; if (c == 0) { rollback(y-1,x-1); rollback(y-1,x); rollback(y-1,x+1); rollback(y,x-1); rollback(y,x+1); rollback(y+1,x-1); rollback(y+1,x); rollback(y+1,x+1); } } } } // Function called when player steps on a mine. All mine locations are uncovered function dead() { var y, x; for(y = 0; y < gridy; ++y) { for(x = 0; x < gridx; ++x) { if (mines[y][x]) { if (shown[y][x] != 1) { document.images["grd"+y+"_"+x].src = dir + "mine.gif"; } } else if (shown[y][x] == 1) { document.images["grd"+y+"_"+x].src = dir + "nomine.gif"; } } } document.images.condition.src = dir + "btndead.gif"; playing = false; clicked = false; } // handler called whenever the grid is clicked function gridclick(y, x) { if (playing) { clicked = true; if (placeflag) { if (shown[y][x] < 3) { var s = shown[y][x]; var change = true; if (s == 1) { flagsleft++; squaresleft++; } if (flagsleft == 0 && s == 0) { change = false; } else { if (s == 2) s = 0; else s++; if (s == 1) { flagsleft--; squaresleft--; } } if (change) { shown[y][x] = s; document.images["grd"+y+"_"+x].src = dir + "sqt"+s+".gif"; setStatus(); } if (squaresleft == 0) { document.images.condition.src = dir + "btncool.gif"; playing = false; } } } // check not flagged as a mine else if (shown[y][x] != 1) { if (mines[y][x]) { document.images["grd"+y+"_"+x].src = dir + "minered.gif"; dead(); } else { rollback(y,x); } } } } // Start the game newgame(); // End --> </script> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Click here

Sign up for the Web Development Daily Newsletter

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

Click here