Code game caro

0
275
<head>
  <meta charset="UTF-8">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Game 23H">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="https://www.23h.online/wp-content/uploads/2016/10/logo-chinh-thuc.png" type="image/x-icon">
  <meta name="description" content="Game 23H">
  <meta name="author" content="Game 23H">
  <title>23H Online</title>
  <meta name="description" content="Game 23H">
  <meta name="keywords" content="Game 23H">
  <meta name="twitter:title" content="Game 23H" />
  <meta property="og:title" content="Game 23H" />  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
 


  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
 <center>

<div><img src="https://www.23h.online/wp-content/uploads/2016/10/logo-chinh-thuc.png" width="5%" class="mbr-contacts__img mbr-contacts__img--left"></div>


</center>


<section>
  

<div class="controls">

<div class="newGameCtrl">
      <input type="checkbox" id="check"/>
      <label class="newMain" for="check">
        

<div class="newMainText">new</div>


      </label>
      

<div class="newContainer">

<div class="newPlate">

<div class="boardCellCircle" id="new-O"></div>


        </div>


<div class="newPlate">

<div class="boardCellCross" id="new-X"></div>


        </div>


      </div>


    </div>


<div class="sizeCtrl">

<div class="newMain">

<div class="newMainText" id="scale-Up">+</div>


      </div>


    </div>


<div class="sizeCtrl">

<div class="newMain">

<div class="newMainText" id="scale-Down">-</div>


      </div>


    </div>


<div class="messages">

<div class="messagesContainer">

<div class="newMainText" id="message">5 cái là thắng</div>


      </div>


    </div>


  </div>


<div class="board">

<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="0-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="0-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="1-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="1-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="2-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="2-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="3-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="3-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="4-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="4-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="5-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="5-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="6-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="6-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="7-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="7-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="8-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="8-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="9-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="9-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="10-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="10-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="11-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="11-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="12-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="12-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="13-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="13-14"></div>


      </div>


    </div>


<div class="boardRow">

<div class="boardCol">

<div class="boardCell" id="14-0"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-1"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-2"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-3"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-4"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-5"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-6"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-7"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-8"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-9"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-10"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-11"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-12"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-13"></div>


      </div>


<div class="boardCol">

<div class="boardCell" id="14-14"></div>


      </div>


    </div>


  </div>


</section>


<center style="margin-top:30px;">

<div style="width:50%;float: left;"><canvas id="canvas" width="300" height="300" style="background:transparent">
</canvas></div>


<div class="today" style="width:50%;">

<div class="today-piece top day"></div>


<div class="today-piece middle month"></div>


<div class="today-piece middle date"></div>


<div class="today-piece bottom year"></div>


</div>


</center>


</body>

Code hoàn thành : Thử sức với tại đây nè

Chơi game caro cùng 23H online
Chơi game caro cùng 23H online