Maison > Article > interface Web > javascript conversion de température Fahrenheit Celsius

javascript conversion de température Fahrenheit Celsius

WBOYoriginal: 2023-05-20 22:59:06724parcourir

JavaScript est un langage de script côté client qui peut être exécuté sur le navigateur. Dans le développement Web, JavaScript est largement utilisé, notamment pour la fonction de conversion entre Fahrenheit et Celsius. Dans cet article, nous allons vous montrer comment écrire un convertisseur Fahrenheit en Celsius à l'aide de JavaScript.

Fahrenheit et Celsius sont deux unités différentes de mesure de la température. Celsius est l'unité de température standard internationale, tandis que Fahrenheit est une unité de mesure de température largement utilisée dans des pays comme les États-Unis, le Royaume-Uni et le Canada. Lorsque nous effectuons des calculs de température, nous devons souvent convertir Celsius en Fahrenheit ou Fahrenheit en Celsius.

Dans cet article, nous fournirons une fonction JavaScript simple qui peut convertir Celsius en Fahrenheit ou Fahrenheit en Celsius. Commençons par écrire cette fonction.

Tout d'abord, nous devons encapsuler la fonction JavaScript dans un fichier HTML. En tête du fichier, nous devons ajouter le code suivant pour garantir que le fichier peut être correctement analysé en tant que fichier HTML :

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

Ensuite, nous devons écrire la fonction JavaScript en tant que fonction. Dans cet article, nous allons écrire deux fonctions, une pour convertir Celsius en Fahrenheit et une autre pour convertir Fahrenheit en Celsius.

La première fonction consiste à convertir Celsius en Fahrenheit. Nous pouvons convertir Celsius en Fahrenheit en utilisant la formule suivante :

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

Le code de fonction est le suivant : #🎜🎜 #

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

Dans la fonction ci-dessus, nous passons Celsius à la fonction, puis le convertissons en Fahrenheit à l'aide d'une formule et stockons le résultat dans la variable fahrenheit, et enfin renvoyons fahrenheit via l'instruction return.

La deuxième fonction consiste à convertir les degrés Fahrenheit en Celsius. Nous pouvons convertir Fahrenheit en Celsius en utilisant la formule suivante :

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

Le code de fonction est le suivant : #🎜🎜 #

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

Dans la fonction ci-dessus, nous passons Fahrenheit à la fonction, puis le convertissons en Celsius à l'aide d'une formule et stockons le résultat dans la variable Celsius, et enfin renvoyons Celsius via l'instruction return.

Maintenant, nous avons écrit deux fonctions qui peuvent convertir Celsius en Fahrenheit ou Fahrenheit en Celsius. Vous trouverez ci-dessous un fichier HTML complet contenant des fonctions permettant de convertir Celsius en Fahrenheit ou Fahrenheit en Celsius. Les utilisateurs peuvent saisir un nombre dans la zone de saisie et cliquer sur le bouton correspondant pour le convertir en une autre unité de température.

<!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>

Dans le fichier HTML ci-dessus, nous avons d'abord introduit deux fonctions JavaScript celsiusToFahrenheit et fahrenheitToCelsius. Nous avons ensuite créé deux boutons, un pour convertir Celsius en Fahrenheit et un autre pour convertir Fahrenheit en Celsius. Lorsque l'utilisateur clique sur le bouton correspondant, le code JavaScript obtiendra le numéro de la zone de saisie et appellera la fonction correspondante pour le convertir en une autre unité de température en fonction du bouton sélectionné par l'utilisateur. Les résultats finaux seront affichés sur la page.

Conclusion

Dans cet article, nous vous avons montré comment écrire un convertisseur Fahrenheit en Celsius en utilisant JavaScript. Nous avons écrit deux fonctions JavaScript, une pour convertir Celsius en Fahrenheit et une autre pour convertir Fahrenheit en Celsius. Nous avons également créé un fichier HTML contenant deux zones de saisie et deux boutons permettant à l'utilisateur de saisir un nombre et de le convertir dans une autre unité de température. Ce convertisseur peut aider les utilisateurs à effectuer une conversion de température rapidement et avec précision, améliorant ainsi l'expérience utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pouvez-vous trouver un emploi en apprenant vous-même JavaScript ?Article suivant：Pouvez-vous trouver un emploi en apprenant vous-même JavaScript ?

Articles Liés

Voir plus