javascript变量和函数与每个h​​tml formel的数组

Question

是否可以重复使用此javascript

<script>
var speed = 100;
var gold = 0;
gold = parseFloat(gold.toFixed(2));
var production = 10;
production = parseFloat(production.toFixed(0));
var price = 100;
price = parseFloat(price.toFixed(2));
document.getElementById("speed").innerHTML=speed;
document.getElementById("gold").innerHTML = gold;
document.getElementById("production").innerHTML=production;
document.getElementById("price").innerHTML=price;
function dig() {
  var elem = document.getElementById("bar");   
  var width = 0;
  var id = setInterval(frame, speed);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
      elem.style.width = '0%';
      gold = gold + production;
      gold = parseFloat(gold.toFixed(2));
      document.getElementById("dig").disabled = false;
      document.getElementById("gold").innerHTML = gold;
      if (price <= gold) {
            document.getElementById("upgrade").disabled = false;
        } else {
            document.getElementById("upgrade").disabled = true;
        }
    } else {
      width++; 
      elem.style.width = width + '%';
      document.getElementById("dig").disabled = true;
    }
  }
}

$(document).ready(function priceUpgrade() {
    if (price <= gold) {
        document.getElementById("upgrade").disabled = false;
    } else {
        document.getElementById("upgrade").disabled = true;
    }
});

$(document).ready(function upgrade(){
    $("#upgrade").click(function(){
        speed = speed - 10;
        gold = gold - price;
        gold = parseFloat(gold.toFixed(2));
        production += production * 0.10;
        production = parseFloat(production.toFixed(0));
        price += price * 0.50;
        price = parseFloat(price.toFixed(2));
        document.getElementById("speed").innerHTML=speed;
        document.getElementById("gold").innerHTML=gold;
        document.getElementById("production").innerHTML=production;
        document.getElementById("price").innerHTML=price;
        if (price <= gold) {
            document.getElementById("upgrade").disabled = false;
        } else {
            document.getElementById("upgrade").disabled = true;
        }
    });
});
</script>

在这些

的每个新html行的变量speed，gold和production中有一个新值

<div id="speed">100</div>
<div class="row">
  <div class="col-md-2">
    <div id="production"></div>
    <button type="button" class="btn btn-success" onclick="dig()" id="dig">Gull Sil</button>
  </div>
  <div class="col-md-7">
    <div id="progress">
      <div id="bar"></div>
    </div>
  </div>
  <div class="col-md-3">
    <div id="price"></div>
    <button type="button" class="btn btn-warning" onclick="upgrade()" id="upgrade">Oppgrader</button>
  </div>
</div>

所以每次调用速度[3]或挖掘（3）变量和函数响应都不同于每个键=>数组中的值或者某些如何？ 也许变速{1：10,2：30,3：70,4：150}; 并挖掘（[1,2,3,4]）;