Javascript点击倍增

我希望有一个默认值（例如10）和一个按钮，以便在每次单击时将其增加相同的值。。我无法让脚本运行

<div id="output">10</div>
<div id="increase">Increase</div>

<script>
$('#increase').click(function() {
var one = $('#output').val();
var increase = 10;
var output = +one + increase;

$('#output').val(output.toFixed(2));
document.getElementById('output').innerHTML = value;
});
</script>

10
增加
$（“#增加”）。单击（函数（）{
var one=$（'#output'）.val（）；
var增加=10；
var输出=+1+增加；
$（'#output'）.val（output.toFixed（2））；
document.getElementById（'output'）.innerHTML=value；
});

---

您使用了

val

而不是

text

。 像这样的方法应该会奏效：

$('#increase').click(function() {
  var one = $('#output').text();
  var increase = 10;
  var output = +one + increase;

  $('#output').text(output.toFixed(2));
});

---

包含jQuery并设置为重试以下代码：

    $('#increase').click(function() {
      var one = $('#output').text();
      var increase = 10;
      var output = Number(one) + increase;

      $('#output').text(output.toFixed(2));

    });

查看

数字（一）

，将字符串转换为数字

编辑

---

使用函数从div获取/设置值。

在fiddle中添加jQuery

 var outputRef = $('#output'),increase = 10;
      $('#increase').click(function() {
          var output = Number(outputRef.text()) + increase;
          outputRef.text(output);
        });

使用.text（）获取div的值，.val（）用于表单输入：

$(document).ready(function() {
    $('#increase').click(function() {
        var one = $('#output').text();
        var increase = 10;
        var output = +one + increase;

        $('#output').text(output.toFixed(2));
    });
});

---

首先需要从CDN加载jQuery，例如：然后：

$('#increase').click(function() {
  var one = parseInt($('#output').text());
  var increase = 10;
  var output = increase + one;

  $('#output').text(output.toFixed(2));
});

使用text（）代替val（），因为从中提取数据的元素不是输入。就是这样，上面修改过的代码工作得非常好。

） 伙计们已经搞定了——但我想你正在学习——你问了一个按钮——所以有两个指针

我会使用来自用户的任何输入，并制作一个漂亮的按钮

<input type="text" id="output" value=10 /> 
<input type="button" id="increase" value="Increase">

$('#increase').click(function() {
var rtn;  // I would avoid same variable name as element in HTML ..pers pref
rtn = +$("#output").val() + 10;  // Using inputs, can access the val
$('#output').val(rtn);
});

$（“#增加”）。单击（函数（）{
var rtn；//我将避免使用与HTML中元素相同的变量名..pers pref
rtn=+$（“#输出”）.val（）+10；//使用输入，可以访问val
$（'输出'）.val（rtn）；
});

---

享受JavaScript——我喜欢它：-）

如果您在JSFIDLE中包含jQuery，它会有所帮助。然后查看浏览器的错误控制台。

+one

的作用与

Number（one）

的作用相同。是的，没错。如果在JSFIDLE中包含jQuery并使用

var one=$（'#output'）.html（）它应该可以工作。因为你把
output
的值取在函数之外，它只能工作一次。我想他想做一个计数器，首先他想只取输出的初始值一次&用递增值递增计数器。是的，这就是他想要的，但这不是你的代码所做的。我的代码在做什么？？再次解析DOM对获得输出值有什么好处？谢谢你的回答。。我在考虑使用输入或提交按钮，但它的实际好处是什么呢。。。。我不是专家，但如果没有任何CSS，它将在HTML（5）中显示为按钮/文本，禁用javascript后，它仍将显示为按钮/文本。我发现查看我的代码和识别按钮等更容易。您可以设置所有按钮等的样式，而无需添加类。