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

Question

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

举个例子。

用户在“ 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;
}

提前致谢 ：）

Answer 1

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

1. 您忘记了缩进代码。
2. 您用</P>而不是</p>结束了该段落。
3. 你需要传递results2.value到displayConversion ，不SGD.value 。
4. convertrate需要是一个函数，以便被多次评估。

另外，您可以在results2添加一个id属性，以使其更易于更改其值。

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

 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> 

Answer 2

当使用像这样的onclick事件时，您应该传递input.result2的value ：

<input type="button" value=SGD name="SGD" onclick="displayConversion(document.getElementsByName('results2')[0].value)">

然后，在脚本中，您应该将方程计算到函数中：

var SGDrate = 2.92;

function displayConversion(n1)
{
  var convertrate =n1 * SGDrate;
  currency.results2.value=convertrate;
}

进行这些修改后，请参见您的示例：

 var SGDrate = 2.92; function displayConversion(n1) { var convertrate =n1 * SGDrate; currency.results2.value=convertrate; } 

 <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(document.getElementsByName('results2')[0].value)"> <input type="button" value="Please Click to find what is the latest Rate" name="help" onclick = "rates()"> </form> 

你也应该由用户检查输入值，如果它是float与否，在下面的代码片段我检查用户和警报消息输入的值如果不float

 var SGDrate = 2.92; function displayConversion(n1) { if( !isNaN(parseFloat(n1)) ){ var convertrate = parseFloat(n1) * SGDrate; currency.results2.value=convertrate; } else{ alert("you must enter a number") } } 

 <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(document.getElementsByName('results2')[0].value)"> <input type="button" value="Please Click to find what is the latest Rate" name="help" onclick = "rates()"> </form>