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

JavaScript help running a basic function on button click

本文关键字：运行 功能 按钮 帮助 单击 JavaScript      更新时间：2023-09-26

当按下按钮"calculate"时，只想运行一个简单的函数。当输入在表单中时，函数根本不会运行，最终我希望能够在按下计算按钮时修改其他输入。请帮忙！

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>

按钮HTML只需要它：

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

不要忘记在<head>中插入jquery lib。

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>

相关文章：