HTML+CSS+JS实现一个无聊点方块游戏

来look look效果
原作者是油管上的Online Tutorials，做了些改变。

现在就来实现它

1、准备知识
主要是js，添加元素节点、类名、样式，事件监听，css的配合使用。

2、HTML结构
只需要一个标签，来装方块，和展示图片，自己随意用section，div都可以

3、CSS样式
这里的主要工作是展示默认时（打开页面）的样子，span就是方块，它将铺满整个容器，盖住背景图。shusah

body {
   
        height: 100vh;
        margin: 0;
        padding: 0;
        overflow: hidden;

    }
    /* 容器的样式 */
    .container {
   
        width: 100%;
        height: 100%;
        padding-left: 0%;
        box-sizing: border-box;
        background-image: url("./动漫1_r.jpg");
        background-size: cover;
        user-select: none;
    }
    /* 默认方块的样式 */
    span {
   
        display: inline-block;
        width: 9.7%