JavaScript 帮助在单击按钮时运行基本功能答案

【问题标题】：JavaScript help running a basic function on button clickJavaScript 帮助在单击按钮时运行基本功能
【发布时间】：2016-08-02 01:05:52
【问题描述】：

当按下“计算”按钮时，只是尝试运行一个简单的函数。当输入在表单中时，函数根本不会运行，最终我希望能够在按下计算按钮时修改其他输入。请任何帮助！

function calculate() {
  alert("called");
}

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<form name="form">
  Price:
  <input name="priceCAD" value="0">
  <br>
  <br>Markup:
  <input name="percentage" value="0">
  <br>
  <br>Fiat:
  <input name="fiat" value="0">
  <br>
  <br>BTC:
  <input name="btc" value="0" maxlength="11">
  <br>
  <br>

  <input type="button" onClick="calculate()" name="calculate" value="Caculate">
  <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0">
</form>

【问题讨论】：

标签： javascript forms function button

【解决方案1】：

按钮 HTML 只需要它：

<input type="button" onClick="calculate()" name="calculate" value="Caculate" >

别忘了在<head> 中插入jquery lib。

【讨论】：

我不小心把 document.calculate 留在了那里。我在哪里插入 jquery 库？在我离开网上的所有例子中，我没有见过一次。
在<html> 和<body> 之间。像这样：
进行了更改，但仍然一无所获。如果我摆脱它调用函数的表单标签没问题。但是，其中的 2 个表单标签无法使用该功能。
看起来函数javascript name和input name有冲突。
是的，这就是问题，谢谢！函数名和元素名不能相同。

【解决方案2】：

function calculate() {
  alert("called");
}

document.getElementsByName("calculate")[0].addEventListener("click", calculate);

<form name="form">
  Price:
  <input name="priceCAD" value="0">
  <br>
  <br>Markup:
  <input name="percentage" value="0">
  <br>
  <br>Fiat:
  <input name="fiat" value="0">
  <br>
  <br>BTC:
  <input name="btc" value="0" maxlength="11">
  <br>
  <br>

  <input type="button" name="calculate" value="Caculate">
  <input type="button" name="clear" value="Clear" onClick="form.fiat.value=0, form.btc.value=0, form.markup.value=0">
</form>

【讨论】：