如何在Like按钮旁边集成计数?

时间:2012-08-09 10:49:01

标签: html facebook increment

这是类似按钮的代码,我希望每次点击都会增加一个计数器。

<form method="POST" action="/like/">
    {% csrf_token %}
    <input type="hidden" value="{{i.id}}" name="mid" />
    <input type="hidden" value="{{i.comment}}" name="comment" />
    <input type="submit" value="LIKE-{{i.num_like}}" name="like" style="position:absolute;left:428px;margin-top:-18px;"/>
</form>

所以,请你协助我。

1 个答案:

答案 0 :(得分:1)

<html>
<head>
<script>
var Clicks = 0 ;
function AddClick(){
Clicks = Clicks + 1;
document.getElementById('CountedClicks').innerHTML = Clicks + ' Hits';
}
</script>
</head>

<body>
<span id="CountedClicks">0 Hits</span><br>
<button style="background-color:green" onclick="AddClick()">Count Your Hit</button>
</body>

</html>

你需要将它应用到你的按钮样式,但这就是想法。