3

JavaScriptで、ボタンをクリックすると値が増えるカウンターを作りたいです。

初めて追加ボタンをクリックすると、数が増えません。

しかし、値をコンソールに出力すると、結果が増加します。

フィドル: http://jsfiddle.net/techydude/H63As/

  $(function() {
    var //valueCount = $("counter").value(),
        counter = $("#counter"),
        addBtn = $("#add"),
        value = $("#counter").html();

      addBtn.on("click", function() {

      counter.html(value ++);  //this value is not incremented.
      console.log(value);      //this value gets incremented.
      return

    });

  });​

両方の行で同じ値を表示するにはどうすればよいですか?

4

4 に答える 4

3

Post Increment を実行しています。プレインクリメントにします:

addBtn.on("click", function() {
  counter.html(++value);
  console.log(value);
  return
});

説明：

// Increment operators
x = 1;
y = ++x;    // x is now 2, y is also 2
y = x++;    // x is now 3, y is 2

// Decrement operators
x = 3;
y = x--;    // x is now 2, y is 3
y = --x;    // x is now 1, y is also 1
于 2012-11-11T05:12:05.770 に答える
2

ということですか:

addBtn.on("click", function() {
    counter.html(++value);
    return;          
});
于 2012-11-11T05:01:24.213 に答える
1

使用する

 value = parseInt($("#counter").html());

LIVE jSFiddle 

  $(function() {
    var //valueCount = $("counter").value(),
        counter = $("#counter"),
        addBtn = $("#add"),
        value =    parseInt($("#counter").html());


    addBtn.on("click", function() {

      counter.html(++value );
      console.log(value);
      return

    });

  });
于 2012-11-11T05:01:53.073 に答える
1

これを試して：

  $(function() {
    var //valueCount = $("counter").value(),
        counter = $("#counter"),
        addBtn = $("#add"),
        value = $("#counter").html();


    addBtn.on("click", function() {

      counter.html(++value);
      console.log(value);
      return

    });

  });

JavaScript での ++ の演算子の説明については、このリンクを参照してください。

実際に変更されたのは 1 行だけです。ただし、テストしたい場合は、ここにフィドラーのリンクがあります。

于 2012-11-11T05:03:25.850 に答える