# 07.事件
[toc]{type: "ol", level: [3]}
### 事件
> 到达某个条件自动触发的动作
- html结构
```html
<button onclick="f1()">点我</button>
<button id="d1">点我</button>
```
- 方式1
```js
function f1() {
alert('方式1')
}
```
- 方式2
```js
let btnEle = document.getElementById('d1');
btnEle.onclick = function () {
alert('方式2')
}
```