2017-01-11 1 views
-1

Je suis en train de faire convertisseur de devises. J'ai 2 entrées et 2 devises. Voici mon code HTML:convertisseur de devises en javascript

<table> 
     <tr> 
      <td> want to buy <input id="firstinput" onkeyup="convert('C')"></td> 
      <td> 
       <select id="from"> 
        <option value="GEL" selected>EURO(EUR)</option> 
        <option value="USD">USdollar(USD)</option> 
       </select> 
      </td> 
     </tr> 
     <tr> 
      <td> want to buy <input id="secondinput" onkeyup="convert('F')"></td> 
      <td> 
       <select id="to"> 
        <option value="EUR">EUR0(EUR)</option> 
        <option value="USD" selected>USdollar(USD)</option> 
       </select> 
      </td> 
     </tr> 
</table> 

Lorsque la première sélection EUR et la seconde est USD, il devrait multiplier par une valeur (par exemple 2). Lorsque la première sélection est USD et la seconde EUR, divisez par 2. Sinon, multipliez par 1.

Aidez-moi à comprendre cela.

+7

où est votre javascript? –

+0

Veuillez envoyer le code à la fonction 'convert'. –

Répondre

1

Voici votre code HTML: J'ai apporté quelques modifications par souci de cohérence. S'il vous plaît vérifier attentivement.

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width"> 
     <title>repl.it</title> 
     <script src="index.js"></script> 
     <link href="index.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body> 
     <table> 
     <tr> 
      <td> want to buy <input id="firstinput" onkeyup="convert('C');"></td> 
      <td> 
       <select id="from" onchange="convert('C')"> 
        <option value="EUR" selected>EURO(EUR)</option> 
        <option value="USD">USdollar(USD)</option> 
       </select> 
      </td> 
     </tr> 
     <tr> 
      <td> want to buy <input id="secondinput" onkeyup="convert('F')"></td> 
      <td> 
       <select id="to" onchange="convert('F')"> 
        <option value="EUR">EURO(EUR)</option> 
        <option value="USD" selected>USdollar(USD)</option> 
       </select> 
      </td> 
     </tr> 

     </table> 

    </body> 
</html> 

Voici votre code javascript:

function convert(param1){ 
    var factor; 
    f = document.getElementById('from').value 
    t = document.getElementById('to').value 

    if(f == t){ 
     factor = 1 
    } 
    else if(f == 'EUR' && t == 'USD'){ 
     factor = 1.06; 
    } 
    else if(f == 'USD' && t == 'EUR'){ 
     factor = 1/1.06; 
    } 

    if(param1 == "C"){ 
     document.getElementById('secondinput').value = document.getElementById('firstinput').value * factor 
    } 
    if(param1 == "F"){ 
     document.getElementById('firstinput').value = document.getElementById('secondinput').value * factor 
    } 

} 
+0

Pas de problème. Pouvez-vous accepter ma réponse sur stackoverflow? –