可能要写点轮子。。。先学学前端知识吧，记录一下。
遍历：
for(let i of S){i...}
for(let i in S){S[i]...}
JS 是弱类型的语言。目前感觉到的特性有：
- 数组不同元素可以是不同类型的
- 函数返回值不需要声明，直接
function F()就可以
JS 中对象用大括号表示，成员可以是各种类型，包括函数，且不需要声明。
const person = {
name: ['tyf', 'tomotake'],
age: 32,
bio() {console.log(`I am ${this.name[0]} and i love ${this.name[1]}`)},
intro() {console.log('hello!')}
};
记得带逗号
JS 中可以获取 html 中的按钮等元素，并进行修改。具体的：
const btn = document.querySelector("button");
btn.addEventListener("click", () => {
// function
});
代表按这个按钮（click）之后会发生某些时间
找到对应的按钮也需要相应设置。如在只有一个按钮的前提下，可以直接
<button>按钮</button>
但是如果有很多个按钮的话，就需要指定某些特征，常见的有 class 和 id。具体的：
<button class="cl">按钮 1</button>
<button id="lb">按钮 2</button>
这样，找按钮的时候的可以区分开了。
const bt = document.querySelector('.cl')
const bt = document.querySelector('#lb')
其中 class 前用点，id 前用 #
此外，还可以用 const bt = document.getElementById('lb') 来获取 id 的元素。
为元素添加事件可以使用 addEventListener。常见的：click、mouseover、keydown 等，其中 keydown（按下键盘）还可以读取按下的是哪个键：
textBox.addEventListener("keydown", (event) => {
output.textContent = `You pressed "${event.key}".`;
});
存在 event 的 key 中。
事件冒泡：
点击一个 button 时，同时还会点击这个 button 所在的 <div> 和 <body>，因此如果对这两个元素也设置 event listener 的话也会收到 click 的信号。而收到信号的顺序是从内到外，从小到大的。这就是 冒泡。
标签：event,Vue,const,JS,按钮,document,click,小记 From： https://www.cnblogs.com/SkyRainWind/p/18045553