ホームページ > 記事 > ウェブフロントエンド > javascript 華氏摂氏温度変換
javascript 華氏摂氏温度変換
- WBOYオリジナル
- 2023-05-20 22:59:06724ブラウズ
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 サイトの他の関連記事を参照してください。