USDを他の通貨に換算する

-1

私は完全なnoobであり、学びたいと思っています。私はUSDを他の通貨に変換しようとします。これを数時間働いて、どのように進行させるかを完全には確信していない。しようとしていた：USDを他の通貨に換算する

ドルを入力することができます箱は、通貨を選択するためにドロップダウン、変換された量を表示する出力機能。

<!DOCTYPE html> 
<head> 
<script language="JavaScript"> 

function usdfunc(){ 
document.converter.eur.value = document.converter.dollar.value * 0.73640 
document.converter.gbp.value = document.converter.dollar.value * 0.60984 
document.converter.mxn.value = document.converter.dollar.value * 13.2436 
document.converter.jpy.value = document.converter.dollar.value * 102.490 
} 

</script> 

</head> 
<body> 

<form name="converter"> 
<table border="0"> 

<td>Dollar Amount: </td><td><input type="text" name="dollar" 
onChange="usdfunc()" /></td> 
</table> 

<br> 


Please select a currency type: 
<select id="select"> 
<option value="eur" onChange="eurfunc()">Euro</option> 
<option value="mxn" onChange="mxnfunc()">Mexican Peso</option> 
<option value="gbp" onChange="gbpfunc()">British Pound</option> 
<option value="jpy" onChange="jpyfunc()">Japanese Yen</option> 
</select> 


<br><br> 

New Currency:$ <br> 
<input id="Calculate" type="button" value="Calculate" 
onclick="usdfunc();" /> 


</form> 
</body> 
</html>

出典

2016-12-09 hungry_bit

そして、あなたの質問は何ですか？あなたのコードの問題は何ですか？ [ask]をお読みください。あなたのコードをデバッグするために何をしましたか？ –

ここにHTMLのヒントがあります：その中の '

'を取り除いてください。あなたは入力を含むためにテーブルを使用しません。また、我々は入力のためにそれを待つ... **ラベル**のための ''要素を持っています。 – junkfoodjunkie

チップをありがとう、また、交換された通貨の量を出力する関数を作成しようとしていた。 –

答えて

私は指示に選択ボックスで、デフォルトの選択があるようにあなたのコードを編集し、そしてその選択ボックスの値を変更することは、むしろ、ボタンを押すと、余分なステップを必要とするよりも、usdfunc(event)を呼び出します。 We pass in the <select> eventを選択し、関数内の選択値にevent.target.valueを使用してアクセスし、targetCurrency変数に格納します。

switchは、それぞれの変換レートを計算するために使用されます。

空のp要素がドキュメントの最下部にあります。最後に、我々はのdocument.getElementById（）を使用してそれを参照して、それが（このケースでは、我々は、タグの間に存在するテキスト、）innerHTMLをだ

function usdfunc(event){ 
 
    
 
    var targetCurrency = event.target.value; 
 
    
 
    var conversion; 
 
    var dollarValue = document.converter.dollar.value; 
 
    
 
    switch (targetCurrency) { 
 
    case "eur": 
 
     conversion = dollarValue * 0.73640; 
 
     break; 
 
    case "mxn": 
 
     conversion = dollarValue * 0.60984; 
 
     break; 
 
    case "gbp": 
 
     conversion = dollarValue * 13.2436; 
 
     break; 
 
    case "jpy": 
 
     conversion = dollarValue * 102.490; 
 
     break; 
 
    } 
 
    
 
    var output = document.getElementById("output"); 
 
    output.innerHTML = "$" + dollarValue + " = " + targetCurrency + " " + conversion; 
 

 
}

<form name="converter"> 
 
<label>Dollar Amount: <input type="text" name="dollar"></label> 
 
<br> 
 
<br> 
 

 

 
Please select a currency type: 
 
<select id="select" onchange="usdfunc(event);"> 
 
<option selected disabled>Select Currency</option> 
 
<option value="eur" >Euro</option> 
 
<option value="mxn" >Mexican Peso</option> 
 
<option value="gbp" >British Pound</option> 
 
<option value="jpy" >Japanese Yen</option> 
 
</select> 
 

 

 
<br><br> 
 

 

 
<p id="output"></p>

付け足し割り当てる：あなたの場合正しい通貨記号を使用し、オンラインのどこかの記号をつかみ、それぞれswitch caseの記号を取得したい場合は、記号を含む文字列にtargetCurrencyを再割り当てします。

case "eur": 
    conversion = dollarValue * 0.73640; 
    targetCurrency = "€"; 
    break;

PLNKR：http://plnkr.co/edit/GT65OEdYIv0oyR96BliX?p=preview

出典

2016-12-09 18:45:54

USDを他の通貨に換算する

答えて

関連する問題