Javascript 在实际HTML按钮上显示计数器

Javascript 在实际HTML按钮上显示计数器,javascript,html,button,Javascript,Html,Button,我有一个“喜欢”按钮;在按钮下面,我可以显示“like count” 但是,我希望“like count”值显示在实际按钮本身上。例如,我希望按钮上显示:“如5” 如何在按钮上同时显示文本和变量值?也许您可以使用我编写的代码进行改进 HTML 这是Jsfiddle的链接 你能把你迄今为止尝试过的东西贴出来吗? <form id = "form" method = "POST"> <input type = "submit" value = "Like" /> &l

我有一个“喜欢”按钮;在按钮下面,我可以显示“like count”

但是,我希望“like count”值显示在实际按钮本身上。例如,我希望按钮上显示:“如5”


如何在按钮上同时显示文本和变量值?

也许您可以使用我编写的代码进行改进

HTML

这是Jsfiddle的链接


你能把你迄今为止尝试过的东西贴出来吗?
<form id = "form" method = "POST">
    <input type = "submit" value = "Like" />
</form>

<br />

<div id = "clicks">
    counter = <label id = "count">0</label> clicks !
</div>
function CountOnFormSubmitEvent(form_id, _callback_)
{
    var that = this, count = 0, callback = _callback_;

    var form = document.getElementById(form_id);
    if(form === null) { return null; }

    var reset = function(){
        count = 0;  
    };

    form.addEventListener("submit", function(evt){
        callback(evt, ++count, reset);
    }, false);
}

//Reseting Process You can delete if you dont want it.
var counter = new CountOnFormSubmitEvent("form", function(event, count, reset_callback){
    event.preventDefault();
    if(count >= 10)
    {
        alert("Reseting the process");
        reset_callback();
    }
    document.getElementById("count").innerHTML = count;
});