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

投稿日 : 最終更新日時 : 作成者 : yamazaki カテゴリー : プログラミング言語, 新入社員

ここでは、当社の新人研修受講者に向けて、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>

<!DOCTYPE html>

<html>

<head>

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>

</html>

MENU

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

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

AiA会員企業様のための

文系プログラマのための

新人エンジニアのための

出版物のご紹介

お問い合わせはこちらから

カテゴリー

MENU

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

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

AiA会員企業様のための

文系プログラマのための

新人エンジニアのための

出版物のご紹介

お問い合わせはこちらから

カテゴリー

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