자바스크립트 화씨 섭씨 온도 변환-프런트엔드 Q&A-php.cn

자바스크립트 화씨 섭씨 온도 변환

WBOY

풀어 주다： 2023-05-20 22:59:06

원래의

756명이 탐색했습니다.

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 문을 통해 화씨를 반환합니다.

두 번째 기능은 화씨를 섭씨로 변환하는 것입니다. 다음 공식을 사용하여 화씨를 섭씨로 변환할 수 있습니다:

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

함수 코드는 다음과 같습니다.

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

로그인 후 복사

위 함수에서는 화씨를 함수에 전달합니다. , 그런 다음 수식을 사용하여 섭씨 온도로 변환하고 그 결과를 섭씨 변수에 저장하고 마지막으로 return 문을 통해 섭씨 온도를 반환합니다.

이제 섭씨를 화씨로 또는 화씨를 섭씨로 변환하는 두 가지 함수를 작성했습니다. 다음은 섭씨를 화씨로 또는 화씨를 섭씨로 변환하는 기능이 포함된 완전한 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 파일에서는 먼저 celsiusToFahrenheit 및 fahrenheitToCelsius라는 두 가지 JavaScript 함수를 소개했습니다. 그런 다음 섭씨를 화씨로 변환하는 버튼과 화씨를 섭씨로 변환하는 버튼 두 개를 만들었습니다. 사용자가 해당 버튼을 클릭하면 JavaScript 코드는 입력 상자에서 숫자를 가져오고 해당 함수를 호출하여 사용자가 선택한 버튼을 기반으로 다른 온도 단위로 변환합니다. 최종 결과가 페이지에 표시됩니다.

결론

이 기사에서는 JavaScript를 사용하여 화씨에서 섭씨로 변환기를 작성하는 방법을 보여주었습니다. 우리는 섭씨를 화씨로 변환하는 함수와 화씨를 섭씨로 변환하는 함수 두 개를 작성했습니다. 또한 사용자가 숫자를 입력하고 이를 다른 온도 단위로 변환할 수 있는 두 개의 입력 상자와 두 개의 버튼이 포함된 HTML 파일도 만들었습니다. 이 변환기는 사용자가 온도 변환을 빠르고 정확하게 수행하여 사용자 경험을 향상시키는 데 도움이 됩니다.

위 내용은 자바스크립트 화씨 섭씨 온도 변환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!