title: Getting the sum of randomly generated numbers from 4 sources (jquery)
body: <p>New to coding. I have 4 buttons that will generate a random number. I need those numbers to continue to adding up every time one of the buttons is clicked. If I click button 1 then button 2, I need them to add. If I click button 2 twice, I need it to perform the random number function twice, then add both of those random numbers. </p>
  
  <pre><code>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)
  })
  
  
  &lt;!-- html is here --&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="jumbotron text-center"&gt;
              &lt;div class="randNumContainer"&gt;
                  &lt;button id="generatebtn" class="btn btn-default btn-lg 
  btn-primary"&gt;
                  Generate Random Number
                  &lt;/button&gt;
                  &lt;h1 id="numberRand"&gt;0&lt;/h1&gt;
              &lt;/div&gt;
              &lt;div class="valuesContainer"&gt;
                  &lt;h1 id="crystalValues"&gt;0&lt;/h1&gt;
              &lt;/div&gt;
              &lt;div class="btnContainer container text-center"&gt;
                  &lt;button id="crystal1" class="btn btn-default btn-lg 
                   btn-primary crystalBtn"&gt;
                  Crystal 1
                  &lt;/button&gt;
                  &lt;button id="crystal2" class="btn btn-default btn-lg 
                   btn-primary crystalBtn"&gt;
                  Crystal 2
                  &lt;/button&gt;
                  &lt;button id="crystal3" class="btn btn-default btn-lg 
                   btn-primary crystalBtn"&gt;
                  Crystal 3
                  &lt;/button&gt;
                  &lt;button id="crystal4" class="btn btn-default btn-lg 
                   btn-primary crystalBtn"&gt;
                  Crystal 4
                  &lt;/button&gt;
               &lt;/div&gt;
           &lt;/div&gt;
       &lt;/div&gt;
     &lt;/body&gt;
  </code></pre>