javascript - 如何通过它的值jquery递增一个数字

Question

我有一个按钮，单击该按钮时，它应该采用一个随机数，并在单击该按钮时将其原始值加回其当前值。例如，如果随机数 (var diamondGuess) 是 10，则数字 10 首先出现在一个 div (id="d-num-test") 中。每当您单击该按钮时，应该将 10 添加到 div 中显示的数字值。随机数函数在轮次重置之前不会选择新的随机数。

因此，如果我从 10 开始并单击按钮，页面上的 div id="d-num-test"应该变为 20。再次单击，它是 30，然后是 40，等等……我尝试研究各种运算符和数学方法，但最接近的是 +=。如果 10 不是随机选择，这将起作用。我尝试对变量本身使用 +=，但它呈指数倍增(使用上面的示例为 10、20、40、80)。

如有任何建议，我们将不胜感激!新手在此

谢谢!奥利弗

$(document).ready(function() {

  var diamondNum = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  var diamondGuess = diamondNum[Math.floor(Math.random() * diamondNum.length)];
  var diamondNumDom = $('#d-num-test');
  diamondNumDom.text(diamondGuess);

  $('#diamond').on("click", function() {
    diamondNumDom.text(diamondGuess += diamondGuess);
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="d-num-test"></div>
<button id="diamond"></button>

Answer 1

为了防止覆盖您的 diamondGuess 值，您需要引入一个额外的变量(下面代码段中的 diamondValue)来跟踪当前值:

$(document).ready(function() {
  var diamondNum = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
  var diamondGuess = diamondNum[Math.floor(Math.random() * diamondNum.length)];
  var diamondValue = diamondGuess;
  var diamondNumDom = $('#d-num-test');
  
  diamondNumDom.text(diamondValue);

  $('#diamond').on("click", function() {
    diamondValue += diamondGuess;
    diamondNumDom.text(diamondValue);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="d-num-test"></div>
<button id="diamond"></button>