Mines

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
     <lang>
       <fr>
         <title><![CDATA[Detecte.Mines]]>
</title>
         <srchlp><![CDATA[<DIV><b>Jeu de Mines</b></DIV>
<DIV class="ZTmSdk1">Détection de Mines</DIV>
<div class="ZTmSdk4">Copyright 1998-2009, Andrew D. Birrell</div>]]>
</srchlp>
</fr>
       <en>
         <title><![CDATA[<DIV class="ZTmSdk1">Détection de Mines</DIV>
<div class="ZTmSdk4">Copyright 1998-2009, Andrew D. Birrell</div>]]>
</title>
         <srchlp><![CDATA[<DIV><b>Mine Sweeper</b></DIV>
<DIV></DIV>]]>
</srchlp>
</en>
</lang>
</ztml>
   <html>
     <head><![CDATA[<title>Mines</title>
  <meta charset="utf-8" />
  <meta name="viewport" id="viewport" content="width=device-width, user-scalable=no" />
<link rel="stylesheet" href="https://ztmstudio.com/ZTmOs.css" type="text/css" media="screen"/>  
  <link rel="icon" href="Icon/ztmos.png" type="image/x-icon"/>
  <script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>
  ]]>
       <script><![CDATA[function ZTm(){

main= document.getElementById('main');
main.onclick=call;
ZTmlInit();

gridx=8,gridy=8;
	 ta1 = document.createElement('TABLE');
	main.appendChild(ta1);
	ta1.bgColor="green";
	 tbody = document.createElement('TBODY');
	ta1.appendChild(tbody);
	for(i=0;i<gridy;i++) {
	 tr = document.createElement('TR');
		tbody.appendChild(tr);
		for(j=0;j<gridx;j++) {
		 td = document.createElement('TD');
		tr.appendChild(td);
		td.width="50px";
		td.align="center";
		}
	}
	cells = main.getElementsByTagName('TD');
	sinp = main.getElementsByTagName('INPUT');
	happy=3;
	sadness = happy;  
	setTd();
	
	 
	              // whether smiley is sad
	 
	 //////////////////////////////////////////////////////////
//                                                                        //
// Minesweeper: Javascript                                                //
//                                                                        //
// Copyright 1998-2009, Andrew D. Birrell                                 //
//                                                                        //
// Usage: init(width, total, mines)                                       //
//                                                                        //
////////////////////////////////////////////////////////////////////////////

width=0;                          // set by calling "init"
 total=0;                          // set by calling "init"
 mines=0;                          // set by calling "init"

/* "adjacent" and "exposed" are indexed by square number = y*width+x */
  
/* "adjacent" contains the board layout and derived state.  adjacent[i] is
   the count of mines adjacent to square i, or "mine" if square i contains
   a mine.  */
 adjacent = new Array();         // count of adjacent mines
 mine = 9;                       // adjacency count for a mine
  
/* "exposed" contains the exposure state of the board.
   Values > "unexposed" represent exposed squares; these either have the
   distinquished values "exploded" or "incorrect", or some greater value
   (left over from the pending exposure queue) for plain old exposed
   squares.  Values <= "unexposed" include plain old unexposed squares, or
   one of the markers.

During the "expose" method, the queue of pending exposures is a linked
   list through this array, using array indexes.  The method holds the head
   and tail.  "listEnd" is the tail marker.
*/
 exposed = new Array();          // exposure state / pending exposures
 listEnd = -1;                   // end marker in "exposed"
 incorrect = -2;                 // incorrect flag, at end of game
 exploded = -3;                  // exploded mine (at end of game!)
 unexposed = -4;                 // default state at start of game
 flagged = -5;                   // marker flag by user
 queried = -6;                   // query flag by user

erasing = 0;                    // smiley absent during initialization
 sad = 1;                        // smiley value after loss
 bored = 2;                      // smiley value during game
 happy = 3;                      // smiley value after win
  
 flags = 0;                      // count of flags currently set
 remaining = 0;                  // count of unexposed squares
 
 startTime=0;                      // time of first click, if any
 timer = false;                  // periodic elapsed time updater

sqColor = [
    "#000000", "#3333cc", "#006600",
    "#cc0000", "#660066", "#006666",
    "#000000", "#000000", "#000000"];

charInfinity = "∞";
 charFlag = "!";                 // or 2691, but not on Windows
 charQuestion = "?";
 charMine = "☀";
 charIncorrect = "×";
 tail = listEnd;                  // tail of pending exposures
	
	//////////////////
	 
init(8, 64, 10);
}
call = function (event)
{
var div=ZTmEvent(event).target;
	if (event.type =='click' && div.nodeName=='TD'){if(/ztmtitle/.test(div.className)) {ZTmHlp();return;}}

if (event.type =='click' && div.nodeName=='INPUT')  
	{
		if(/dead/.test(div.value)){	
		dead();
		}
		if(/new/.test(div.value)){	
		erase();
		
		}
	}
	if (event.type =='click' && div.nodeName=='TD')  
	{ 
	var thisSquare = posTd(div).y*8+posTd(div).x;	
	clickSq(thisSquare) 
	}
}

var atd = main.getElementsByTagName('TD');
var k = Math.round(Math.random()*15+1)
	for (var i=0;i<atd.length;i++){
	atd[i].innerHTML=i+1;
	}
	atd[atd.length-1].innerHTML="";
}

function setMines() {
    // update remaining mines display
    //var elt = main.getElementById("mines");
    var count = mines - flags;
    sinp.item(0).value = (count < -99 ? "-" + charInfinity : "" + count);
}

function setHappy() {
    // update the happy/sad icon display
    //var smiley = main.getElementById("smiley");
	sinp.item(1).value =
        (sadness == erasing ? "erasing.gif" :
        (sadness == sad ? "sad.gif" :
        (sadness == bored ? "bored.gif" :
        "happy.gif")));
}

function timerAction() {
    // Called via setTimeout
    // Update the elapsed time, and schedule another call if wanted
    // Note: setInterval is similar, but stops (Safarai 1.3) after
    // user has navigated away then returned to the page.
    if (timer) {
        setElapsed();
        setTimeout("timerAction()", 100);
    }
}

function startTimer() {
    startTime = new Date();
    timer = true;
    timerAction();
}

function endGame(outcome) {
    // Turn off the timer and update the smiley
    timer = false;
    sadness = outcome;
    setHappy();
}

function expose1(thisSquare) {
    // Expose square and add to pending exposure list.
    if (exposed[thisSquare] <= unexposed &&
                                        exposed[thisSquare] != flagged) {
        remaining--;
        exposed[thisSquare] = listEnd;
        exposed[tail] = thisSquare;
        tail = thisSquare;
        setSq(thisSquare);
    }
}

function neighbourIsMine(thisSquare) {
    // Increase adjacency count, if this isn't itself a mine
    if (adjacent[thisSquare] != mine) adjacent[thisSquare]++;
}

function erase2() {
    // Forked part of erase
    eraseRows();
    layMines();
    sadness = bored;
    setHappy();
    return false;
}

function erase() {
    // Erase the board.  Uses "sadness" to disable clicks meanwhile
    if (sadness != erasing) {
        flags = 0;
        setMines();
        remaining = total;
        endGame(erasing);
        setElapsed();
        setTimeout(erase2, 1); // allow repaint of score area
    }
}

function clickSmiley(event) {
    // Click in the smiley face.
    if (!event) event = window.event; // IE versus the rest
    if (event.button != 2) erase();
    return false;
}

function noContext() {
    // Disable context menu in squares
    return false;
}

function init(w, t, m) {
    // Initial "onload" setup.  Set up globals and handlers, then erase.
    //
    width = w;
    total = t;
    mines = m;

// The handlers here are non-standard and fail w3.org validation if
    // placed in the HTML.  Onselectstart prevents IE extending a selection
    // on shift-click, and oncontextmenu prevents right-click being grabbed
    // for context menus on some browsers.
    
    erase();
}
]]>
</script>
</head>
     <body onload="ZTm();"><![CDATA[<div id=main><input type=button value=mines>
<input type=button value=smile>
<input type=button value="0">
<input type=button value=new></div>
]]>
</body>
</html>
</ztmstudio>