问在html和js中使用简单的游戏时，值不能正确更新。
EN

Stack Overflow用户

提问于 2017-12-19 05:42:08

回答 1查看 46关注 0票数 0

我是一个新手网站开发人员，今天很无聊，所以我整理了一个非常奇怪的点击风格的游戏草稿。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>HYPEBEAST SIMULATOR</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>HYPEBEAST CLICKER</h1>
<button id="hypebutton" onclick = "clickButton()">HYPEEEE BUTTONNN</button> Amount of clout: <span id="clout">0</span>
<p><button id="buyjuice" onclick = "buyJuice()">Buy Vape Juice, cost is <span id="juicecost">10</span></button></p>


<script>
  var clout = 0;

  function clickButton() {
    clout = clout + 1;
    document.getElementById("clout").innerHTML = clout;
  }

  var juice = 0;




  function buyJuice() {
    var juicecost = Math.floor(10 * Math.pow(3.2, juice));
    if (clout >= juicecost) {
      document.getElementById("juicecost").innerHTML = juicecost;
      clout = clout - juicecost;
      juice = juice + 0.1;
      document.getElementById("clout").innerHTML = clout;
    }
  }    

  var nextCost = Math.floor(10 * Math.pow(3.2, juice));
        document.getElementById("juicecost").innerHTML = nextCost;

</script>

问题是，当您单击Buy按钮时，它可以工作，并从影响力成本中提取成本，但它不会立即更新值。它仍然说，当你点击它之后，它的成本是10，尽管它更改为11，但没有显示出来。下一次单击它时，它将更改为11，即使实际成本为12，依此类推。有什么建议吗？我对javascript很陌生，所以请放心:D

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-19 05:54:54

function buyJuice() {
   var juicecost = Math.floor(10 * Math.pow(3.2, juice));
   if (clout >= juicecost) {
     clout = clout - juicecost;
     juice = juice + 0.1;
     document.getElementById("juicecost").innerHTML = Math.floor(10 * Math.pow(3.2, juice));
     document.getElementById("clout").innerHTML = clout;
   }
}

在重新计算果汁后在按钮中设置文本

  var clout = 0;

  function clickButton() {
    clout = clout + 1;
    document.getElementById("clout").innerHTML = clout;
  }

  var juice = 0;
  function buyJuice() {
       var juicecost = Math.floor(10 * Math.pow(3.2, juice));
       if (clout >= juicecost) {
         clout = clout - juicecost;
         juice = juice + 0.1;
         document.getElementById("juicecost").innerHTML = Math.floor(10 * Math.pow(3.2, juice));
         document.getElementById("clout").innerHTML = clout;
       }
  }    

  var nextCost = Math.floor(10 * Math.pow(3.2, juice));
  document.getElementById("juicecost").innerHTML = nextCost;

        <h1>HYPEBEAST CLICKER</h1>
        <button id="hypebutton" onclick = "clickButton()">HYPEEEE BUTTONNN</button> 
        Amount of clout: <span id="clout">0</span>
        <p>
            <button id="buyjuice" onclick = "buyJuice()">Buy Vape Juice, cost is <span id="juicecost">10</span></button>
        </p>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47880648

复制

相似问题

问在html和js中使用简单的游戏时，值不能正确更新。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html和js中使用简单的游戏时，值不能正确更新。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在html和js中使用简单的游戏时，值不能正确更新。
EN