摂氏と華氏の変換器 【JavaScriptのサンプルコード】

Print Friendly, PDF & Email

ここでは、当社の新人研修受講者に向けて、JavaScriptのサンプルコードを紹介しています。

摂氏と華氏の変換器のサンプルコード

スライダーを動かすと摂氏(0~100)と華氏の温度を表示します。

<!DOCTYPE html>
<html>
    <head>
        <title>c2f</title>
        <meta charset="UTF-8">
        <script>
            function c2f(c) {
                var f = (9 / 5) * c + 32;
                return Math.floor(f);
            }
            function conv(){
                var c = document.getElementById("celsius").value;
                var f = c2f(c);
                var s = "Celsius:"+c+"°C" +" = Fahrenheit:"+f+"°F" ;
                document.getElementById("result").textContent = s;
            }
        </script>

    </head>
    <body onload="conv()">
        <input type="range"  id ="celsius" value ="0"  onchange="conv()">
        <p id ="result"></p>
    </body>
</html>