Преобразователь температуры с раскрывающимися меню

Я пытаюсь сделать преобразователь температуры, когда вы выбираете тип температуры из выпадающего меню, а затем вводите температуру, затем преобразуется в две другие формы температуры. Опция Fahrenheit работает отлично, однако я не могу понять, как сделать работу Цельсия и Кельвина работать.Преобразователь температуры с раскрывающимися меню

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      body { 
       background-color: #002b80; 
      } 

      p { 
       color: white; 
      } 

     </style> 
    </head> 

    <body> 

     <center> 
     <form> 
      <select id="temperature"> 
       <option value="f">Fahrenheit</option> 
       <option value="c">Celsius</option> 
       <option value="k">Kelvin</option> 
      </select> 
      <input type="text" id="fconvert" onkeyup="myFunction()"> 
     </form> 
     <br> 
     <br> 
     <input type="text" id="cconvert"> 
     <input type="text" id="kconvert"> 
     <br> 
     <br> 
     <span id="demo"></span></p> 

     <div id="temp"> 

     </div> 
     </center> 

     <script> 
      function myFunction() { 
       if(document.getElementById("temperature").value = "f") { 
        convertF(); 

       } else { 
        convertC(); 

       } 
      }  

      function convertF() { 
       var x = document.getElementById("fconvert").value; 
       var convertF = x * 2; 
       var convertC = x * 3; 
       var convertK = x * 4; 

       document.getElementById("cconvert").value = convertF; 
       document.getElementById("kconvert").value = convertF; 

      } 


      function convertC() { 
       var x = document.getElementById("fconvert").value; 
       var convertF = x * 2; 
       var convertC = x * 3; 
       var convertK = x * 4; 

       document.getElementById("cconvert").value = convertC; 
       document.getElementById("kconvert").value = convertC; 

      } 


      function convertK() { 
       var x = document.getElementById("fconvert").value; 
       var convertF = x * 2; 
       var convertC = x * 3; 
       var convertK = x * 4; 

       document.getElementById("cconvert").value = convertK; 
       document.getElementById("kconvert").value = convertK; 

      } 

     </script> 
    </body> 
</html>

источник

2015-11-30 Michler

Что не работает как ожидается? Кроме того, вы не выполняете никаких вычислений, чтобы преобразовать температуру. Используете ли вы внешнюю службу для этого? – Steve

Вы должны использовать === для сравнения (==, если не является безопасным типа)

if(document.getElementById("temperature").value === "f") {

источник

2015-11-30 05:53:28 User528491

Преобразователь температуры с раскрывающимися меню

ответ

Смежные вопросы