connect-4.html (2707B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .circle { 6 width: 50px; 7 height: 50px; 8 display: inline-block; 9 -webkit-border-radius: 25px; 10 -moz-border-radius: 25px; 11 border-radius: 50%; 12 background: grey; 13 } 14 .blue { 15 background: blue !important; 16 } 17 .red { 18 background: red !important; 19 } 20 </style> 21 <script> 22 23 let board = []; 24 // i dislike js 25 for (var i = 0; i < 6; i++) { 26 board.push([0,0,0,0,0,0,0]); 27 } 28 29 </script> 30 </head> 31 <body> 32 <div id="circle-5-0" class="circle"></div> 33 <div id="circle-5-1" class="circle"></div> 34 <div id="circle-5-2" class="circle"></div> 35 <div id="circle-5-3" class="circle"></div> 36 <div id="circle-5-4" class="circle"></div> 37 <div id="circle-5-5" class="circle"></div> 38 <div id="circle-5-6" class="circle"></div> 39 <br> 40 <div id="circle-4-0" class="circle"></div> 41 <div id="circle-4-1" class="circle"></div> 42 <div id="circle-4-2" class="circle"></div> 43 <div id="circle-4-3" class="circle"></div> 44 <div id="circle-4-4" class="circle"></div> 45 <div id="circle-4-5" class="circle"></div> 46 <div id="circle-4-6" class="circle"></div> 47 <br> 48 <div id="circle-3-0" class="circle"></div> 49 <div id="circle-3-1" class="circle"></div> 50 <div id="circle-3-2" class="circle"></div> 51 <div id="circle-3-3" class="circle"></div> 52 <div id="circle-3-4" class="circle"></div> 53 <div id="circle-3-5" class="circle"></div> 54 <div id="circle-3-6" class="circle"></div> 55 <br> 56 <div id="circle-2-0" class="circle"></div> 57 <div id="circle-2-1" class="circle"></div> 58 <div id="circle-2-2" class="circle"></div> 59 <div id="circle-2-3" class="circle"></div> 60 <div id="circle-2-4" class="circle"></div> 61 <div id="circle-2-5" class="circle"></div> 62 <div id="circle-2-6" class="circle"></div> 63 <br> 64 <div id="circle-1-0" class="circle"></div> 65 <div id="circle-1-1" class="circle"></div> 66 <div id="circle-1-2" class="circle"></div> 67 <div id="circle-1-3" class="circle"></div> 68 <div id="circle-1-4" class="circle"></div> 69 <div id="circle-1-5" class="circle"></div> 70 <div id="circle-1-6" class="circle"></div> 71 <br> 72 <div id="circle-0-0" class="circle"></div> 73 <div id="circle-0-1" class="circle"></div> 74 <div id="circle-0-2" class="circle"></div> 75 <div id="circle-0-3" class="circle"></div> 76 <div id="circle-0-4" class="circle"></div> 77 <div id="circle-0-5" class="circle"></div> 78 <div id="circle-0-6" class="circle"></div> 79 <br> 80 </body> 81 </html>