javascript - 按钮无法与 onclick 和 JavaScript 一起使用

Question

我正在尝试制作将 10、100 和 1000 添加到输入并可以清除输入字段的按钮，但我无法让它工作。我已经尝试了所有我知道的将脚本添加到我的文档中的不同方法(内联和外部)，但我似乎无法破解代码。调试控制台告诉我函数未定义

编辑:

问题似乎是，当单击按钮时，网站会重定向到索引文件

var bet = document.getElementById('coincredits');
var cur = document.getElementById('coincredits').value;
var coins = document.getElementById('coins').value;

function clear() {
	bet.value = "";
}
function ten() {
	bet.value = cur + 10;
}
function hundred() {
	bet.value = cur + 100;
}
function thousand() {
	bet.value = cur + 1000;
}
function xtwo() {
	bet.value = cur * 2;
}
function max() {
	bet.value = coins;
}

<h4>Coins:</h4><p id="coins">123456789</p>

<input type="number" name="coincredits" id="coincredits" required="" parsley-type="text" data-parsley-id="40">


<div>
  <button onclick="clear()">Clear</button>
  <button onclick="ten()">+10</button>
  <button onclick="hundred()">+100</button>
  <button onclick="thousand()">+1000</button>
  <button onclick="xtwo()">x2</button>
  <button onclick="max()">Max</button>
</div>

Answer 1

每次调用函数之一时，您都需要获取当前值。现在，您只需一次即可获取输入的当前值(在评估脚本时)。

即将以下行添加到每个函数中: ten、 Hundred、 Hundred 和 xtwo

var cur = document.getElementById('coincredits').value;