使用輸入文字和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>