Code game caro

0
217
<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
Chia sẻ
Bài trướcKhủng long trong tình yêu
Bài tiếp theo01h45 ngày 11/5: Nhận định bóng đá Atletico Madrid vs Real Madrid