JavaScript 中的温度转换器（IF ELSE 条件）

Question

我正在用 JavaScript 创建一个温度转换器。到目前为止，当用户首先输入时，只有摄氏转换起作用。我只是无法弄清楚如何构造其他 if 语句。

  var conversionC;
  var conversionF;
  var conversionK;

  if ( celsius.value != "" ) {
     conversionF = document.getElementById("celsius").value * 9 / 5 + 32;
     document.getElementById("fahrenheit").value = Math.round(conversionF);
  } 

  else if ( fahrenheit.value != "" ){
     conversionC = (document.getElementById("fahrenheit").value - 32) * 5 / 9;
     document.getElementById("celsius").value = Math.round(conversionC);
  }

  if ( kelvin.value != "" ){
     conversionC = document.getElementById("celsius").value - -273;
     document.getElementById("kelvin").value = Math.round(conversionC);
  }

我只想保留我拥有的一个转换按钮，并且当用户决定首先输入华氏温度或开尔文温度时它仍然可以工作。

非常感谢任何指导！

到目前为止，这是我的程序的 JSFiddle： https://jsfiddle.net/2sharkp/kw2sr1wx/

谢谢！

Answer 1

在您的 JSFiddle 中，您将获取每个值并将其转换为带有 parseFloat 的浮点数。

这意味着当您点击if ( celsius.value != "" ) 时，您正在呼叫.value 一个号码，即undefined。所以你真的在调用if ( undefined != "" )，这是真的，你的第一个if 块将始终执行。

我假设您的意图是获取最近编辑的字段并将其用于转换。我建议使用标志来指示上次编辑的字段。

https://jsfiddle.net/camEdwards/chyg4ws1/

Answer 2

<script>
        let cels = document.getElementById('cels');
        let fahr = document.getElementById('fahr');
        cels.addEventListener('input', function(){
            let f = (this.value * 9/5) +32;
            if(!Number.isInteger){
                return f.toFixed(2);
            }
            fahr.value = f;
        });
        fahr.addEventListener('input', function(){
            let c = (this.value - 32) * 5/9;
            if(!Number.isInteger){
                return c.toFixed(2);
            }
            cels.value = c;
        });
    </script>