Question

我正在制作闲置游戏，并希望通过用户点击购买某些东西。我有一个onclick事件连接到它，触发buyCreateScript（）函数，但它无法正常工作。有什么建议？小提琴：https://jsfiddle.net/wizviper/m1ftgoyp/82/ 使用Javascript：

function buyCreateScript() {
if(bytes >= createScriptCost ) {
   createScriptAmount++;
   bytes = bytes - createScriptCost;
   createScriptCost = createScriptCost * priceIncrease;
  }
}

HTML：

   <button type="button" class="btn-primary" id="createScript" 
 onclick="buyCreateScript()">Create Script-0</button>

Answer 1

您需要更改在小提琴中加载javascript的方式。

点击javascript options cog icon
更改＆＃34; LOAD TYPE＆＃34;到＆＃34;没有包装＆lt;头＆GT;＆＃34;
点击＆＃34;运行＆＃34;然后再试一次

Answer 2

解决方案是：

保留onclick属性，但在html部分添加脚本标记，并在其中编写函数buyCreateScript()：

<button type="button" class="btn-primary" id="createScript" onclick="buyCreateScript()">Create Script-0</button>
<script>
  function buyCreateScript() {
    console.log('works');
  }
</script>

或者，您可以在javascript部分添加一个事件监听器，删除onclick属性并将您的功能保持在原来的位置：

var createScriptBtn = document.getElementById('createScript');
createScriptBtn.addEventListener('click', function() {
  buyCreateScript();
});
function buyCreateScript() {
  console.log('works');
}

<button type="button" class="btn-primary" id="createScript">Create Script-0</button>

Onclick事件不适用于闲置游戏

2 个答案: