用JS做一个电子木鱼

敲电子木鱼，积赛博功德  

这样的网页需要有两个部分组成，一部分是css里面的网页布局设计，另一部分是用JS写的内部程序。

一，网页布局：

我们先新建一个html文件，在body里写css的素材主体：

这样我们就得到了一个拥有必备要素的木鱼网页，我们现在要新建一个css文件，并将这两个文件链接在一起，随后就开始布局管理；

首先，我们将css文件里输入

这样我们就能在浏览器里打开css文件，（在文件夹中找到该文件html，用浏览器打开（我这里以火狐为例））， 打开以后在网页内右键再单击检查找到该工具栏，寻找样式编辑器。

进入样式编辑器：要和我们再html创建的元素进行对照设定

 

这样我们就完成了页面的布局：

 

二，功能设置：

要完成点击一下按钮，下面的数字就增加1：