master

分支 (1)

管理

管理

master

ts-class---simple-greedy-snake
/
index.html


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>贪吃蛇</title>
  <link rel="stylesheet" href="./css/index.css">
</head>


<body>
  <!-- 游戏容器 -->
  <div class="box">

    <!-- 上方界面 -->
    <div class="game">

      <!-- 蛇身体 -->

      <div id="snake">
        <div></div>
      </div>


      <!-- 食物 -->
      <div id="food">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>

    <!-- 下方计分版 -->
    <div class="points">
      <div>SCORE: <span  id="score">0</span></div>
      <div>LEVEL: <span  id="level">1</span></div>
    </div>

  </div>

  <!-- module  -->
  <!-- 当封装模块， 类， 使用到import 和 export 时 -->
  <!-- 需要添加  type="module"  以便于浏览器的正确执行-->
  <script  type="module"  src="./dist/Main.js"></script>
</body>
</html>