如何用JavaScript编写一个长尾词的点赞按钮功能代码?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1295个文字,预计阅读时间需要6分钟。
javascript// 实现点赞按钮功能,包括只能点赞一次,超过一次时提示文字(3秒后消失),点击时次数加一(传递值在后面解决)// 无需按钮加图片,只用改变颜色表示,先明确页面结构
// HTML页面/*
点赞次数:0
只能点赞一次哦!
// JavaScript实现document.getElementById('like-btn').addEventListener('click', function() { // 获取点赞次数 var count=parseInt(document.getElementById('like-count').innerText);
// 判断是否已点赞 if (count===0) { // 增加点赞次数 document.getElementById('like-count').innerText=count + 1;
// 改变按钮颜色表示点赞 this.style.backgroundColor='blue'; } else { // 显示提示文字 document.getElementById('like-tips').style.display='block'; setTimeout(function() { document.getElementById('like-tips').style.display='none'; }, 3000); }});
js实现点赞按钮功能,包括只能点赞一次,超过一次时提示文字(3秒后消失),点击时次数加一(给后端传值在这里解决)。
本文共计1295个文字,预计阅读时间需要6分钟。
javascript// 实现点赞按钮功能,包括只能点赞一次,超过一次时提示文字(3秒后消失),点击时次数加一(传递值在后面解决)// 无需按钮加图片,只用改变颜色表示,先明确页面结构
// HTML页面/*
点赞次数:0
只能点赞一次哦!
// JavaScript实现document.getElementById('like-btn').addEventListener('click', function() { // 获取点赞次数 var count=parseInt(document.getElementById('like-count').innerText);
// 判断是否已点赞 if (count===0) { // 增加点赞次数 document.getElementById('like-count').innerText=count + 1;
// 改变按钮颜色表示点赞 this.style.backgroundColor='blue'; } else { // 显示提示文字 document.getElementById('like-tips').style.display='block'; setTimeout(function() { document.getElementById('like-tips').style.display='none'; }, 3000); }});
js实现点赞按钮功能,包括只能点赞一次,超过一次时提示文字(3秒后消失),点击时次数加一(给后端传值在这里解决)。

