JS使用闭包实现点赞加1
时间: 2024-06-17 12:03:44 浏览: 102
js实现点赞效果
使用闭包实现点赞加1,可以在HTML页面上添加一个按钮,然后通过JS代码来实现点赞加1的功能。具体实现如下:
HTML代码:
```html
<button id="btn-like">点赞</button>
<p>点赞数:<span id="like-num">0</span></p>
```
JS代码:
```javascript
// 点赞数
let likeNum = 0;
// 获取点赞按钮和点赞数的元素
const btnLike = document.getElementById('btn-like');
const likeNumEle = document.getElementById('like-num');
// 给点赞按钮绑定点击事件
btnLike.addEventListener('click', function () {
// 调用闭包函数,返回一个闭包
const addOne = (function () {
// 定义一个私有变量 count,并返回一个匿名函数
let count = 0;
return function () {
count += 1;
return count;
}
})();
// 调用闭包返回的匿名函数,将点赞数加1
likeNum = addOne();
// 更新点赞数的显示
likeNumEle.innerText = likeNum;
});
```
阅读全文