Javascript Fahrenheit Celsius Temperaturumrechnung

WBOY
Freigeben: 2023-05-20 22:59:06
Original
767 Leute haben es durchsucht

JavaScript ist eine clientseitige Skriptsprache, die im Browser ausgeführt werden kann. In der Webentwicklung wird häufig JavaScript verwendet, einschließlich der Funktion zur Umrechnung zwischen Fahrenheit und Celsius. In diesem Artikel zeigen wir Ihnen, wie Sie mit JavaScript einen Fahrenheit-Celsius-Umrechner schreiben.

Fahrenheit und Celsius sind zwei verschiedene Einheiten zur Temperaturmessung. Celsius ist die internationale Standardeinheit für die Temperatur, während Fahrenheit in Ländern wie den Vereinigten Staaten, dem Vereinigten Königreich und Kanada eine weit verbreitete Einheit zur Temperaturmessung ist. Bei Temperaturberechnungen müssen wir häufig Celsius in Fahrenheit oder Fahrenheit in Celsius umrechnen.

In diesem Artikel stellen wir eine einfache JavaScript-Funktion bereit, die Celsius in Fahrenheit oder Fahrenheit in Celsius umrechnen kann. Beginnen wir mit dem Schreiben dieser Funktion.

Zuerst müssen wir die JavaScript-Funktion in einer HTML-Datei kapseln. Am Kopf der Datei müssen wir den folgenden Code hinzufügen, um sicherzustellen, dass die Datei korrekt als HTML-Datei geparst werden kann:

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

Als nächstes müssen wir die JavaScript-Funktion als Funktion schreiben. In diesem Artikel werden wir zwei Funktionen schreiben, eine zum Umrechnen von Celsius in Fahrenheit und eine andere zum Umrechnen von Fahrenheit in Celsius.

Die erste Funktion besteht darin, Celsius in Fahrenheit umzurechnen. Mit der folgenden Formel können wir Celsius in Fahrenheit umrechnen:

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

Der Funktionscode lautet wie folgt: #🎜🎜 #

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

In der obigen Funktion übergeben wir Celsius an die Funktion und konvertieren es dann mithilfe einer Formel in Fahrenheit, speichern das Ergebnis in der Variablen Fahrenheit und geben schließlich Fahrenheit über die Return-Anweisung zurück.

Die zweite Funktion besteht darin, Fahrenheit in Celsius umzurechnen. Wir können Fahrenheit mit der folgenden Formel in Celsius umrechnen:

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

Der Funktionscode lautet wie folgt: #🎜🎜 #
function fahrenheitToCelsius(fahrenheit) {
  var celsius = (fahrenheit - 32) * 5/9;
  return celsius;
}
Nach dem Login kopieren

In der obigen Funktion übergeben wir Fahrenheit an die Funktion, konvertieren es dann mithilfe einer Formel in Celsius, speichern das Ergebnis in der Variablen Celsius und geben schließlich Celsius über die Return-Anweisung zurück.

Jetzt haben wir zwei Funktionen geschrieben, die Celsius in Fahrenheit oder Fahrenheit in Celsius umrechnen können. Unten finden Sie eine vollständige HTML-Datei mit Funktionen zum Umrechnen von Celsius in Fahrenheit oder Fahrenheit in Celsius. Benutzer können eine Zahl in das Eingabefeld eingeben und auf die entsprechende Schaltfläche klicken, um sie in eine andere Temperatureinheit umzurechnen.

<!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>
Nach dem Login kopieren

In der obigen HTML-Datei haben wir zunächst zwei JavaScript-Funktionen celsiusToFahrenheit und fahrenheitToCelsius eingeführt. Anschließend haben wir zwei Schaltflächen erstellt, eine zum Umrechnen von Celsius in Fahrenheit und eine weitere zum Umrechnen von Fahrenheit in Celsius. Wenn der Benutzer auf die entsprechende Schaltfläche klickt, ruft der JavaScript-Code die Zahl aus dem Eingabefeld ab und ruft die entsprechende Funktion auf, um sie basierend auf der vom Benutzer ausgewählten Schaltfläche in eine andere Temperatureinheit umzuwandeln. Die Endergebnisse werden auf der Seite angezeigt.

Fazit

In diesem Artikel haben wir Ihnen gezeigt, wie Sie mit JavaScript einen Fahrenheit-Celsius-Umrechner schreiben. Wir haben zwei JavaScript-Funktionen geschrieben, eine zum Konvertieren von Celsius in Fahrenheit und eine andere zum Konvertieren von Fahrenheit in Celsius. Wir haben außerdem eine HTML-Datei erstellt, die zwei Eingabefelder und zwei Schaltflächen enthält, über die der Benutzer eine Zahl eingeben und diese in eine andere Temperatureinheit umrechnen kann. Dieser Konverter kann Benutzern dabei helfen, die Temperaturumrechnung schnell und genau durchzuführen und so das Benutzererlebnis zu verbessern.

Das obige ist der detaillierte Inhalt vonJavascript Fahrenheit Celsius Temperaturumrechnung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage