2017-06-21 1 views
-2

je suis un débutant en javascript, je voulais faire un code simple qui convertit la température, je ne peux pas sembler trouver l'erreur, s'il vous plaît aider? je me sens comme il est la propriété sélectionnée: p merci xxQuel est le problème avec ma javascript de conversion de température?

voici mon code:

<!DOCTYPE html> 
<html> 
<head> 
<title>JC 4</title> 
<script type="text/javascript"> 
    // VARIABLEz 
    var num = document.getElementById("number"); 
    var res = document.getElementById("result"); 

    // METHODz 
    // K E L V I N 
    function k2C() { 
     res.value = num.value -273.15 ; 
    } 

    function k2F() { 
     res.value = (num.value *(9/5)) - 459.67 ; 
    } 
    // F A R E N H E I T 
    function f2C() { 
     res.value = (num.value -32)*(5/9); 
    } 

    function f2K() { 
     res.value = (num.value +459.67)*(5/9); 
    } 
    // C E L S I U S 
    function c2F() { 
     res.value = (num.value *(9/5))+32 ; 
    } 
    function c2K() { 
     res.value = num.value + 273.15 ; 
    } 

    function clicked1() { 
     cf.selected = false ; 
     kc.selected = false ; 
     kf.selected = false ; 
     fc.selected = false ; 
     fk.selected = false ; 
    } 

    function clicked2() { 
     ck.selected = false ; 
     kc.selected = false ; 
     kf.selected = false ; 
     fc.selected = false ; 
     fk.selected = false ; 
    } 

    function clicked3() { 
     ck.selected = false ; 
     cf.selected = false ; 
     kf.selected = false ; 
     fc.selected = false ; 
     fk.selected = false ; 
    } 

    function clicked4() { 
     ck.selected = false ; 
     cf.selected = false ; 
     kc.selected = false ; 
     fc.selected = false ; 
     fk.selected = false ; 
    } 

    function clicked5() { 
     ck.selected = false ; 
     cf.selected = false ; 
     kc.selected = false ; 
     kf.selected = false ; 
     fk.selected = false ; 
    } 

    function clicked6() { 
     ck.selected = false ; 
     cf.selected = false ; 
     kc.selected = false ; 
     kf.selected = false ; 
     fc.selected = false ; 
    } 

    function valid() { 
     if (ck.selected) { 
      c2K(); 
     }else if (cf.selected) { 
      c2F(); 
     }else if (kc.selected) { 
      k2C(); 
     }else if (kf.selected) { 
      k2F(); 
     }else if (fc.selected) { 
      f2C(); 
     }else if (fk.selected) { 
      f2K(); 
     } 
    } 
</script> 


</head> 

<body> 
<input type="number" id="number"> 
<input type="number" id="result" disabled> 
<button onclick="valid()"> convert </button> 
<select id="MySelect"> 
    <option id="ck" onclick="clicked1()"> Celsius To Kelvin </option> 
    <option id="cf" onclick="clicked2()"> Celsius To Fahrenheit </option> 
    <option id="kc" onclick="clicked3()"> Kelvin To Celsius </option> 
    <option id="kf" onclick="clicked4()"> Kelvin To Fahrenheit </option> 
    <option id="fc" onclick="clicked5()"> Farenheit To Celsius </option> 
    <option id="fk" onclick="clicked6()"> Farenheit To Kelvin </option> 
</select> 



</body> 
</html> 
+0

Vous ne devriez pas utiliser les options 'onclick', vous devriez plutôt utiliser les propriétés' value' avec 'onchange' sur la balise'