javascript - 写一个计数器来计算点击次数

Question

我的网站上有两个按钮。下一个和上一个。我想编写一个代码来增加每次单击下一个时的值，并减少每次单击上一个时的值。我希望该值显示在输入中。但输入中显示的值始终为 0，不会随着点击而改变。

这是我的代码:

function count(){
    var $counter=0;
    $(".next-button").click(function() {
         $counter=$counter+1;
    });
    $(".previous").click(function() {
        $counter=$counter-1;
    });
    return $counter;
}

document.getElementById('counter').value =count();

Answer 1

在这个函数中你不需要return。事实上，您根本不需要函数。相反，每次更新时都显示计数器。

var $counter=0;
$(".next-button").click(function() {
     $('#counter').val($counter++);
});
$(".previous").click(function() {
    $('#counter').val($counter--);
});