Javascript 如何在单击时增加计数器？_Javascript_Jquery

Javascript 如何在单击时增加计数器？

javascript jquery

Javascript 如何在单击时增加计数器？,javascript,jquery,Javascript,Jquery,我想要一个按一下按钮就会增加的计数器。我尝试了以下代码，但打印的值保持不变： $(document).ready(function () { $("#gonder").click(function() { var baslik = document.title; var sayi = 1; var sayi1 = sayi++; document.title = '(' +sayi+ ')' + baslik; }

我想要一个按一下按钮就会增加的计数器。我尝试了以下代码，但打印的值保持不变：

$(document).ready(function () {
    $("#gonder").click(function() {
        var baslik = document.title;
        var sayi = 1;
        var sayi1 = sayi++;

        document.title = '(' +sayi+ ')' + baslik;
    });
});

我该怎么做呢？

这是我用你作为稻草人的确切目标写的一篇关于闭包的相当详细的文章（呃……问题）

基本上你可以用两种方法中的一种

在事件处理程序的作用域之外创建计数器变量

var count = 0;
element.onclick = function() {
    count++;
};

使用闭包为每个元素提供事件处理程序本身中包含的唯一计数器。我在我的博客文章中详细介绍了这一点

以下是我对闭包的一个相当详细的描述，使用了你作为稻草人的确切目标（呃……问题）

基本上你可以用两种方法中的一种

在事件处理程序的作用域之外创建计数器变量

var count = 0;
element.onclick = function() {
    count++;
};

使用闭包为每个元素提供事件处理程序本身中包含的唯一计数器。我在我的博客文章中详细介绍了这一点

您需要在函数外部初始化计数器。你每次点击都会清除它

var sayi = 1;

$(document).ready(function () {
    $("#gonder").click(function() {
    var baslik = document.title;
    sayi++;
     document.title = '(' +sayi+ ')' + baslik;
    });
});

您需要在函数外部初始化计数器。你每次点击都会清除它

var sayi = 1;

$(document).ready(function () {
    $("#gonder").click(function() {
    var baslik = document.title;
    sayi++;
     document.title = '(' +sayi+ ')' + baslik;
    });
});

我能想到的最简单的

<button>clicked 0 times</button> 
var count = 0;
$('button').click(function(){
     count++;
    $(this).text("clicked "+count+" times");
});

单击了0次
var计数=0；
$（“按钮”）。单击（函数（）{
计数++；
$（此）.text（“单击“+计数+”次”）；
});

在这里拉小提琴是我能想到的最简单的

<button>clicked 0 times</button> 
var count = 0;
$('button').click(function(){
     count++;
    $(this).text("clicked "+count+" times");
});

单击了0次
var计数=0；
$（“按钮”）。单击（函数（）{
计数++；
$（此）.text（“单击“+计数+”次”）；
});

在这里拉小提琴

我想这就是你想要的：

var sayi = 1;
var baslik = document.title;
$("#gonder").click(function() {
    document.title = '(' + (++sayi) + ')' + baslik;
});

我想这就是你想要的：

var sayi = 1;
var baslik = document.title;
$("#gonder").click(function() {
    document.title = '(' + (++sayi) + ')' + baslik;
});

您可以尝试：

<button class="counter">I have been clicked 0 times</button> 
<script type="text/javascript">
    var count = 0;
    $('button.counter').click(function(){
        count++;
        $(this).text("clicked "+count+" times");
    });
</script>

我被点击了0次
var计数=0；
$（'button.counter'）。单击（函数（）{
计数++；
$（此）.text（“单击“+计数+”次”）；
});

这是我能想到的最简单的方法。

您可以尝试：

<button class="counter">I have been clicked 0 times</button> 
<script type="text/javascript">
    var count = 0;
    $('button.counter').click(function(){
        count++;
        $(this).text("clicked "+count+" times");
    });
</script>

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<button id="btn" onclick="f1();">Button</button>
<p id="demo"></p>
<script>
var count=0;
function f1()
{

    document.getElementById("demo").innerHTML=count;
    count++;
}
</script>
</body>
</html>

我被点击了0次
var计数=0；
$（'button.counter'）。单击（函数（）{
计数++；
$（此）.text（“单击“+计数+”次”）；
});

这是我能想到的最简单的方法。


<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<button id="btn" onclick="f1();">Button</button>
<p id="demo"></p>
<script>
var count=0;
function f1()
{

    document.getElementById("demo").innerHTML=count;
    count++;
}
</script>
</body>
</html>

按钮

var计数=0；
函数f1（）
{
document.getElementById（“demo”）.innerHTML=count；
计数++；
}


按钮

var计数=0；
函数f1（）
{
document.getElementById（“demo”）.innerHTML=count；
计数++；
}

我已经澄清了你的问题，但我无法编辑最后一行。谢谢你，我学了四个月的英语，有时我写错了：）你的问题很容易理解。只有4个月的学习，你做得很好。继续努力：-）我已经把你的问题整理好了，但我无法编辑最后一行。谢谢你，我学了四个月的英语，有时我写错了：）你的问题很容易理解。只有4个月的学习，你做得很好。继续努力：-）你能对你的答案补充一些解释吗？谢谢，你能对你的答案补充一些解释吗？非常感谢。