javascript 華氏摂氏温度変換-フロントエンドQ&A-php.cn

javascript 華氏摂氏温度変換

WBOY

リリース： 2023-05-20 22:59:06

オリジナル

747 人が閲覧しました

JavaScript は、ブラウザ上で実行できるクライアント側のスクリプト言語です。 Web開発では華氏と摂氏の変換機能などJavaScriptが広く使われています。この記事では、JavaScript を使用して華氏から摂氏へのコンバーターを作成する方法を説明します。

華氏と摂氏は、温度測定の 2 つの異なる単位です。摂氏は温度の国際標準単位であり、華氏は米国、英国、カナダなどの国々で広く使用されている温度測定単位です。温度の計算を行う場合、多くの場合、摂氏から華氏へ、または華氏から摂氏への変換が必要になります。

この記事では、摂氏から華氏、または華氏から摂氏に変換できる簡単な JavaScript 関数を提供します。この関数を書き始めましょう。

まず、JavaScript 関数を HTML ファイルにカプセル化する必要があります。ファイルを HTML ファイルとして正しく解析できるようにするには、ファイルの先頭に次のコードを追加する必要があります。

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript 华氏摄氏度转换器</title>
</head>

ログイン後にコピー

次に、JavaScript 関数を関数として記述する必要があります。この記事では、摂氏を華氏に変換する関数と、華氏を摂氏に変換する関数の 2 つを作成します。

最初の機能は、摂氏を華氏に変換することです。次の式を使用して摂氏を華氏に変換できます:

°F = (°C * 9/5) 32

関数コードは次のとおりです:

function celsiusToFahrenheit(celsius) {
  var fahrenheit = (celsius * 9/5) + 32;
  return fahrenheit;
}

ログイン後にコピー

in上記の関数では、摂氏を関数に渡し、数式を使用して華氏に変換し、結果を変数華氏に格納し、最後に return ステートメントを通じて華氏を返します。

2 番目の機能は、華氏を摂氏に変換することです。次の式を使用して華氏を摂氏に変換できます:

°C = (°F - 32) * 5/9

関数コードは次のとおりです:

function fahrenheitToCelsius(fahrenheit) {
  var celsius = (fahrenheit - 32) * 5/9;
  return celsius;
}

ログイン後にコピー

上記の関数では、華氏を関数に渡し、それを数式を使用して摂氏に変換し、結果を変数 celsius に格納し、最後に return ステートメントを通じて摂氏を返します。

摂氏から華氏、または華氏から摂氏に変換する 2 つの関数を作成しました。以下は、摂氏から華氏、または華氏から摂氏に変換する関数を含む完全な HTML ファイルです。ユーザーは入力ボックスに数値を入力し、対応するボタンをクリックして別の温度単位に変換できます。

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript 华氏摄氏度转换器</title>
    <script>
        function celsiusToFahrenheit(celsius) {
          var fahrenheit = (celsius * 9/5) + 32;
          return fahrenheit;
        }

        function fahrenheitToCelsius(fahrenheit) {
          var celsius = (fahrenheit - 32) * 5/9;
          return celsius;
        }

        function convertCelsius() {
            var celsius = parseFloat(document.getElementById("celsiusInput").value);
            var fahrenheit = celsiusToFahrenheit(celsius);
            document.getElementById("result").innerHTML = fahrenheit + "°F";
        }

        function convertFahrenheit() {
            var fahrenheit = parseFloat(document.getElementById("fahrenheitInput").value);
            var celsius = fahrenheitToCelsius(fahrenheit);
            document.getElementById("result").innerHTML = celsius + "°C";
        }
    </script>
</head>
<body>
    <h1>JavaScript 华氏摄氏度转换器</h1>
    <p>输入摄氏度 <input type="number" id="celsiusInput"> <button onclick="convertCelsius()">转换为华氏度</button></p>
    <p>输入华氏度 <input type="number" id="fahrenheitInput"> <button onclick="convertFahrenheit()">转换为摄氏度</button></p>
    <div id="result"></div>
</body>
</html>

ログイン後にコピー

上記の HTML ファイルでは、最初に 2 つの JavaScript 関数 celsiusToFahrenheit と fahrenheitToCelsius を導入しました。次に、摂氏を華氏に変換するボタンと、華氏を摂氏に変換するボタンの 2 つのボタンを作成しました。ユーザーが対応するボタンをクリックすると、JavaScript コードが入力ボックスから数値を取得し、対応する関数を呼び出して、ユーザーが選択したボタンに基づいて別の温度単位に変換します。最終結果はページに表示されます。

結論

この記事では、JavaScript を使用して華氏から摂氏へのコンバーターを作成する方法を説明しました。摂氏から華氏に変換する関数と、華氏から摂氏に変換する関数の 2 つの JavaScript 関数を作成しました。また、ユーザーが数値を入力して別の温度単位に変換できる 2 つの入力ボックスと 2 つのボタンを含む HTML ファイルも作成しました。このコンバーターは、ユーザーが温度変換を迅速かつ正確に実行できるようにし、ユーザーエクスペリエンスを向上させます。

以上がjavascript 華氏摂氏温度変換の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。