javascript - 使用输入文字和JavaScript进行计算

我尝试了多种方法来获得结果，但是我无法做到这一点。

举个例子。

用户在“ results2”中输入值“ 5”。单击SGD按钮后，我希望将输入中的值更改为新值，即UserInput * SGDRate。

这是我的HTML代码

<p class="heading">
This is a currencry converter for Singapore To Malaysia Currency </P>

<form name="currency">
<input type="text" name="results2">
<input type="button" value=SGD name="SGD" onclick="displayConversion(SGD.value)">
<input type="button" value="Please Click to find what is the latest Rate" name="help" onclick = "rates()">
</form>

至于我的JavaScript文件

我知道我需要创建另一个功能，但是我不确定从哪里开始。

var SGDrate = 2.92;
var convertrate = inputUser * SGDrate;

function displayConversion(n1)
{
currency.results2.value=n1;
}

提前致谢 ：）

最佳答案

您在代码中犯了一些错误：


您忘记了缩进代码。
您用</P>而不是</p>关闭了该段落。
您需要将results2.value传递给displayConversion，而不是SGD.value。
convertrate必须是一个函数，以便被多次评估。


同样，您可以在id中添加results2属性，以使其更易于更改其值。

这是修复了这些问题的代码。

function convertrate(rate) {
  var SGDrate = 2.92;
  return rate * SGDrate;
}

function displayConversion(rate) {
  var results2 = document.querySelector('#results2');
  results2.value = convertrate(rate);
}

<p class="heading">
  This is a currencry converter for Singapore To Malaysia Currency
</p>

<form name="currency">
  <input type="text" id="results2" name="results2">
  <input type="button" value=SGD name="SGD" onclick="displayConversion(results2.value)">
  <input type="button" value="Please Click to find what is the latest Rate" name="help" onclick = "rates()">
</form>