Question

编码新手。我有4个按钮，可以生成一个随机数。每次点击其中一个按钮时，我都需要这些数字继续累加。如果我单击按钮1然后按钮2，我需要它们添加。如果我单击按钮2两次，我需要它执行两次随机数功能，然后添加这两个随机数。

function getRandomArbitrary(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min; 
console.log()
}

$('#crystal1').click(function() {
   crystal1Num = getRandomArbitrary(1,25);
   $("#crystalValues").html(crystal1Num);
   crystalValue = parseInt($("#crystalValues").html());
   console.log(crystalValue)
})

$('#crystal2').click(function() {
   crystal2Num = getRandomArbitrary(26,50);
   $("#crystalValues").html(crystal2Num);
   crystalValue = parseInt($("#crystalValues").html());
   console.log(crystalValue)
})

$('#crystal3').click(function() {
   crystal3Num = getRandomArbitrary(51,75);
   $("#crystalValues").html(crystal3Num);
   crystalValue = parseInt($("#crystalValues").html());
   console.log(crystalValue)
})

$('#crystal4').click(function() {
   crystal4Num = getRandomArbitrary(76,100);
   $("#crystalValues").html(crystal4Num);
   crystalValue = parseInt($("#crystalValues").html());
   console.log(crystalValue)
})


<!-- html is here -->
<body>
    <div class="container">
        <div class="jumbotron text-center">
            <div class="randNumContainer">
                <button id="generatebtn" class="btn btn-default btn-lg 
btn-primary">
                Generate Random Number
                </button>
                <h1 id="numberRand">0</h1>
            </div>
            <div class="valuesContainer">
                <h1 id="crystalValues">0</h1>
            </div>
            <div class="btnContainer container text-center">
                <button id="crystal1" class="btn btn-default btn-lg 
                 btn-primary crystalBtn">
                Crystal 1
                </button>
                <button id="crystal2" class="btn btn-default btn-lg 
                 btn-primary crystalBtn">
                Crystal 2
                </button>
                <button id="crystal3" class="btn btn-default btn-lg 
                 btn-primary crystalBtn">
                Crystal 3
                </button>
                <button id="crystal4" class="btn btn-default btn-lg 
                 btn-primary crystalBtn">
                Crystal 4
                </button>
             </div>
         </div>
     </div>
   </body>

Answer 1

创建一个包含组合值的变量。

var crystalValue  = 0;

function getRandomArbitrary(min, max) {
    var min = Math.ceil(min);
    var max = Math.floor(max);
    return Math.floor(Math.random() * (max - min)) + min; 
}

function addCrystalValue(value){
    crystalValue += value
    $("#crystalValues").html(crystalValue);
}

$('#crystal1').click(function() {
   var crystal1Num = getRandomArbitrary(1,25);
   addCrystalValue(crystal1Num)
})

$('#crystal2').click(function() {
   var crystal2Num = getRandomArbitrary(26,50);
   addCrystalValue(crystal2Num)
})

$('#crystal3').click(function() {
   var crystal3Num = getRandomArbitrary(51,75);
   addCrystalValue(crystal3Num)
})

$('#crystal4').click(function() {
   var crystal4Num = getRandomArbitrary(76,100);
   addCrystalValue(crystal4Num)
})

Answer 2

保存总和值：

var sumUp = (function (){
    var sum = 0;
    return function (n) { return sum += n; }
})();

在每个click函数中调用它：

("#crystalValues").html(sumUp(crystal1Num));

从4个来源获取随机生成数字的总和（jquery）

2 个答案: