javascript華氏攝氏溫度轉換

WBOY
發布: 2023-05-20 22:59:06
原創
688 人瀏覽過

JavaScript是一種客戶端腳本語言,可以在瀏覽器上執行。在網頁開發中,JavaScript的應用廣泛,其中包括華氏度轉換的功能。在本文中,我們將介紹如何使用JavaScript編寫一個華氏攝氏度轉換器。

華氏和攝氏是兩種不同的溫度計量單位。攝氏度是國際標準溫度單位,而華氏度是在美國、英國和加拿大等國家廣泛使用的溫度計量單位。在進行溫度計算時,我們經常需要將攝氏度轉換為華氏度或將華氏度轉換為攝氏度。

在本文中,我們將提供一個簡單的JavaScript函數,可以將攝氏度轉換為華氏度或將華氏度轉換為攝氏度。讓我們開始寫這個函數。

首先,我們需要將JavaScript函數封裝在一個HTML檔案中。在檔案的頭部,我們需要新增以下程式碼,以確保檔案可以被正確地解析為HTML檔案:

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript 华氏摄氏度转换器</title>
</head>
登入後複製

接下來,我們需要將JavaScript函數編寫為一個函數。在本文中,我們將編寫兩個函數,一個用於將攝氏度轉換為華氏度,另一個用於將華氏度轉換為攝氏度。

第一個函數是將攝氏度轉換為華氏度。我們可以使用以下公式將攝氏度轉換為華氏度:

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

函數程式碼如下:

function celsiusToFahrenheit(celsius) {
  var fahrenheit = (celsius * 9/5) + 32;
  return fahrenheit;
}
登入後複製

在上面的函數中,我們將攝氏度傳遞給函數,然後使用公式將其轉換為華氏度,並將結果儲存在變數fahrenheit中,最後透過return語句傳回fahrenheit。

第二個函數是將華氏度轉換為攝氏度。我們可以使用以下公式將華氏度轉換為攝氏度:

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

函數程式碼如下:

function fahrenheitToCelsius(fahrenheit) {
  var celsius = (fahrenheit - 32) * 5/9;
  return celsius;
}
登入後複製

在上面的函數中,我們將華氏度傳遞給函數,然後使用公式將其轉換為攝氏度,並將結果儲存在變數celsius中,最後透過return語句傳回celsius。

現在,我們已經編寫了兩個函數,可以將攝氏度轉換為華氏度或將華氏度轉換為攝氏度。下面是一個完整的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檔案中,我們首先引入了兩個JavaScript函數celsiusToFahrenheit和fahrenheitToCelsius。然後,我們創建了兩個按鈕,一個用於將攝氏度轉換為華氏度,另一個用於將華氏度轉換為攝氏度。當使用者點擊對應的按鈕時,JavaScript程式碼將從輸入方塊中取得數字,並根據使用者選擇的按鈕呼叫對應的函數將其轉換為另一個溫度單位。最終的結果將顯示在頁面上。

結論

在本文中,我們介紹如何使用JavaScript寫一個華氏攝氏度轉換器。我們編寫了兩個JavaScript函數,一個用於將攝氏度轉換為華氏度,另一個用於將華氏度轉換為攝氏度。我們還建立了一個HTML文件,其中包含兩個輸入框和兩個按鈕,使用者可以在輸入框中輸入數字,並將其轉換為另一個溫度單位。這個轉換器可以幫助使用者快速且準確地進行溫度轉換,提高了使用者的使用體驗。

以上是javascript華氏攝氏溫度轉換的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!