ColorConnectGameusingJavaScriptwithSourceCode.zip资源-CSDN文库

共4个文件

jpg：1个

html：1个

js：1个

174 浏览量 2023-11-08 19:37:48 上传评论收藏 640KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Color Connect Game using JavaScript with Source Code.zip （4个子文件）

Color Connect Game using JavaScript

style.css 6KB

won.jpg 927KB

index.html 4KB

script.js 7KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css?family=Alegreya&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <title>Color Connect Game</title> </head> <body> <div class="main-container"> <div class="banner-container"> <span id="banner__text">Color Connect Game</span> </div> <div class="game-container"> <div id="1" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> <div id="2" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> <div id="3" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> <div id="4" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> <div id="5" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> <div id="6" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> <div id="7" class="column"> <div id="1" class="row"></div> <div id="2" class="row"></div> <div id="3" class="row"></div> <div id="4" class="row"></div> <div id="5" class="row"></div> <div id="6" class="row"></div> </div> </div> <div class="result-container"> <div class="player playerOne"> <div class="player__name">Player 1</div> <div class="player__colorPicker"> <div class="dot" id="playerOne"></div> </div> </div> <div class="startTrigger"> <div id="startTrigger_text">Start Game</div> </div> <div class="player playerTwo"> <div class="player__name">Player 2</div> <div class="player__colorPicker"> <div class="dot" id="playerTwo"></div> </div> </div> </div> </div>  <div id="myModal" class="modal" role="dialog">  <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title">Game Over !!!</h1> </div> <div class="modal-body"> <img src="won.jpg" alt=""> <p id="modal-text">Player {} won the game!!!</p> </div> <div class="modal-footer"> <button type="button" id="bottom--close" class="close" data-dismiss="modal">Close</button> </div> </div> </div> <script src="script.js"></script> </body> </html>

评论收藏

内容反馈