<h1 align="center">MM's CHECKERS</h1> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece"></div> <div id="playPiece" onmouseover="identifyDiv(12)" style="position:absolute; left:60; top:10; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(13)" style="position:absolute; left:160; top:10; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(14)" style="position:absolute; left:260; top:10; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(15)" style="position:absolute; left:360; top:10; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(16)" style="position:absolute; left:10; top:60; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(17)" style="position:absolute; left:110; top:60; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(18)" style="position:absolute; left:210; top:60; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(19)" style="position:absolute; left:310; top:60; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(20)" style="position:absolute; left:60; top:110; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(21)" style="position:absolute; left:160; top:110; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(22)" style="position:absolute; left:260; top:110; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playPiece" onmouseover="identifyDiv(23)" style="position:absolute; left:360; top:110; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:10; top:260; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:110; top:260; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:210; top:260; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:310; top:260; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:60; top:310; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:160; top:310; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:260; top:310; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:360; top:310; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:10; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:110; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:210; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compPiece" style="position:absolute; left:310; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="div1" onmouseover="checkSquare(0)" style="position:absolute; top:0px; left:0px; width:50px; height:50px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(1)" style="position:absolute; top:0px; left:50px; width:50px; height:50px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(2)" style="position:absolute; top: 0 px; left: 100 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(3)" style="position:absolute; top: 0 px; left: 150 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(4)" style="position:absolute; top: 0 px; left: 200 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(5)" style="position:absolute; top: 0 px; left: 250 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(6)" style="position:absolute; top: 0 px; left: 300 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(7)" style="position:absolute; top: 0 px; left: 350 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(8)" style="position:absolute; top: 50 px; left: 0 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(9)" style="position:absolute; top: 50 px; left: 50 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(10)" style="position:absolute; top: 50 px; left: 100 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(11)" style="position:absolute; top: 50 px; left: 150 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(12)" style="position:absolute; top: 50 px; left: 200 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(13)" style="position:absolute; top: 50 px; left: 250 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(14)" style="position:absolute; top: 50 px; left: 300 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(15)" style="position:absolute; top: 50 px; left: 350 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(16)" style="position:absolute; top: 100 px; left: 0 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(17)" style="position:absolute; top: 100 px; left: 50 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(18)" style="position:absolute; top: 100 px; left: 100 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(19)" style="position:absolute; top: 100 px; left: 150 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(20)" style="position:absolute; top: 100 px; left: 200 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(21)" style="position:absolute; top: 100 px; left: 250 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(22)" style="position:absolute; top: 100 px; left: 300 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(23)" style="position:absolute; top: 100 px; left: 350 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(24)" style="position:absolute; top: 150 px; left: 0 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(25)" style="position:absolute; top: 150 px; left: 50 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(26)" style="position:absolute; top: 150 px; left: 100 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(27)" style="position:absolute; top: 150 px; left: 150 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(28)" style="position:absolute; top: 150 px; left: 200 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(29)" style="position:absolute; top: 150 px; left: 250 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(30)" style="position:absolute; top: 150 px; left: 300 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(31)" style="position:absolute; top: 150 px; left: 350 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(32)" style="position:absolute; top: 200 px; left: 0 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(33)" style="position:absolute; top: 200 px; left: 50 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(34)" style="position:absolute; top: 200 px; left: 100 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(35)" style="position:absolute; top: 200 px; left: 150 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(36)" style="position:absolute; top: 200 px; left: 200 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(37)" style="position:absolute; top: 200 px; left: 250 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(38)" style="position:absolute; top: 200 px; left: 300 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(39)" style="position:absolute; top: 200 px; left: 350 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(40)" style="position:absolute; top: 250 px; left: 0 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(41)" style="position:absolute; top: 250 px; left: 50 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(42)" style="position:absolute; top: 250 px; left: 100 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(43)" style="position:absolute; top: 250 px; left: 150 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(44)" style="position:absolute; top: 250 px; left: 200 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(45)" style="position:absolute; top: 250 px; left: 250 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(46)" style="position:absolute; top: 250 px; left: 300 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(47)" style="position:absolute; top: 250 px; left: 350 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(48)" style="position:absolute; top: 300 px; left: 0 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(49)" style="position:absolute; top: 300 px; left: 50 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(50)" style="position:absolute; top: 300 px; left: 100 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(51)" style="position:absolute; top: 300 px; left: 150 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(52)" style="position:absolute; top: 300 px; left: 200 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(53)" style="position:absolute; top: 300 px; left: 250 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(54)" style="position:absolute; top: 300 px; left: 300 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(55)" style="position:absolute; top: 300 px; left: 350 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(56)" style="position:absolute; top: 350 px; left: 0 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(57)" style="position:absolute; top: 350 px; left: 50 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(58)" style="position:absolute; top: 350 px; left: 100 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(59)" style="position:absolute; top: 350 px; left: 150 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(60)" style="position:absolute; top: 350 px; left: 200 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(61)" style="position:absolute; top: 350 px; left: 250 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(62)" style="position:absolute; top: 350 px; left: 300 px; width: 50 px; height: 50 px; background:black; visibility:hidden"></div> <div id="div1" onmouseover="checkSquare(63)" style="position:absolute; top: 350 px; left: 350 px; width: 50 px; height: 50 px; background:red; visibility:hidden"></div> <div id="playerHeader" style="position:absolute; left:10; top:100px; font-weight:800"> <u>PLAYER</u> </div> <div id="playerPieces" style="position:absolute; left:10; top:140px"></div> <div id="playKings" style="position:absolute; left:10; top:160px"></div> <div id="playerWins" style="position:absolute; left:10; top:200px"></div> <div id="playTurn" style="position:absolute; left:10; top:240px"></div> <div id="computerHeader" style="position:absolute; left:620; top:100px; font-weight:800"> <u>COMPUTER</u> </div> <div id="computerPieces" style="position:absolute; left:620; top:140px"></div> <div id="compKings" style="position:absolute; left:620; top:160px"></div> <div id="computerWins" style="position:absolute; left:620; top:200px"></div> <div style="position:absolute; top:476; left:10;"> <input id="button1" name="button1" onclick="history.back()" type="button" value="MM's Games"> </div><span><input id="newGame" onclick="init()" style="position:absolute; top:476px; left:620px;" type="button" value="Play New Game"></span> <div id="compLost" style="position:absolute; left:50; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:80; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:110; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:140; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:50; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:80; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:110; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:140; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:50; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:80; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:110; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="compLost" style="position:absolute; left:140; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/blue-1450181.gif" width="30"></div> <div id="playLost" style="position:absolute; left:630; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:660; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:690; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:720; top:360; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:630; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:660; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:690; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:720; top:390; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:630; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:660; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:690; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <div id="playLost" style="position:absolute; left:720; top:420; width:30; height:30; z-index:1; visibility:hidden"><img height="30" src="https://mmsphyschem.com/wp-content/uploads/2017/01/red-9193881.gif" width="30"></div> <noscript></noscript>