入力テキストとJavaScriptを計算に使用

Question

私は結果を得るために複数の方法を試しましたが、できません。私はかなり新しいjavascriptです。

たとえば、

「results2」のユーザー入力値「5」。 SGDボタンをクリックすると、入力値がUserInput * SGDRateになる新しい値に変更されます。私は別の関数を作成する必要がありますが、私は開始しない。ここで、iはわからないだということを知っている私のjavascriptファイル

については

これは私の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> 

です。事前に

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

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

感謝:)

Answer 1

このよう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>

でない場合

Answer 2

0あなたは、あなたのコード内でいくつかミスをした：

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>