【杂谈】原生JS完成别踩白块小游戏（二）

2019-11-18杂谈搜奇网47°c

A⁺ A^-

原生JS完成别踩白块小游戏的要领，我们在前面的文章中已给人人简朴的分享引见过了。那末对于此游戏的细致完成思绪，可能有部份朋侪还不太清晰。

下面我们就连系别踩白块小游戏的源代码，给人人逐渐细致引见细致的完成要领。

源代码参考：《原生JS完成别踩白块小游戏（一）》

起首我们带人人了解下，游戏源代码中HTML团体的框架结构。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>别踩白块小游戏</title>
</head>
<style...>
<body>
<div class="box">
    <div id="cont">
        <div id="go">
            <span>点击最先</span>
        </div>
        <div id="main"></div>

    </div>
    <div id="count"></div>
</div>
</body>
<script...>
</html>

上述代码中，body中创建了一个大的div（box）,在这个div中，包括了两个小div（id为cont和id为count），“cont”部份是包括游戏动画的内容，“count”部份则是用于游戏计数显现。

“count”部份以下所示：