本文实例讲述了JS实现简单的点赞与踩功能。分享给大家供大家参考，具体如下：
HTML部分：
赞:<button id=\"btn_zan\">0</button> 踩:<button id=\"btn_cai\">0</button>
JS部分：
function dianZan(){
var i = 0;
return function(){
this.innerHTML =\"+\"+ ++i;
}
}
btn_zan. = dianZan();
function caiZan(){
var i = 0;
return function(){
this.innerHTML = --i;
}
}
btn_cai. = caiZan();
感兴趣的朋友可以使用在线HTML/CSS/ 前端代码调试运行工具：http://tools.jb51.net/code/WebCodeRun，测试上述代码运行效果。
或者使用在线HTML/CSS/ 代码运行工具：http://tools.jb51.net/code/HtmlJsRun，测试如下完整示例代码：
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html ns=\"http://www.w3.org/1999/xhtml\">
<head>
< http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
< >www.jb51.net JS点赞与踩</ >
</head>
<body>
赞:<button id=\"btn_zan\">0</button>
踩:<button id=\"btn_cai\">0</button>
< >
function dianZan(){
var i = 0;
return function(){
this.innerHTML =\"+\"+ ++i;
}
}
btn_zan. = dianZan();
function caiZan(){
var i = 0;
return function(){
this.innerHTML = --i;
}
}
btn_cai. = caiZan();
</ >
</body>
</html>
运行效果如下图：
![\"\"](\"/images/51jb/1543975327154dM397s5d327.png\")
更多关于 相关内容感兴趣的读者可查看本站专题：《 页面元素操作技巧总结》、《 操作DOM技巧总结》、《 查找算法技巧总结》、《 数据结构与算法技巧总结》、《 遍历算法与技巧总结》及《 错误与调试技巧总结》
希望本文所述对大家 程序设计有所帮助。
继续阅读与本文标签相同的文章
下一篇 :
学好webpack，一名前端开发工程师的自我修养
-
CPU缓存和内存屏障
2026-05-19栏目： 教程
-
还不懂MySQL索引？这1次彻底搞懂B+树和B-树
2026-05-19栏目： 教程
-
DispatcherServlet
2026-05-19栏目： 教程
-
Java描述设计模式(04)：抽象工厂模式
2026-05-19栏目： 教程
-
9月大使推广规则的四大升级公告
2026-05-19栏目： 教程