Rumah > Artikel > hujung hadapan web > javascript Fahrenheit Celsius penukaran suhu
javascript Fahrenheit Celsius penukaran suhu
- WBOYasal
- 2023-05-20 22:59:06724semak imbas
JavaScript ialah bahasa skrip sebelah klien yang boleh dilaksanakan pada penyemak imbas. Dalam pembangunan web, JavaScript digunakan secara meluas, termasuk fungsi menukar antara Fahrenheit dan Celsius. Dalam artikel ini, kami akan menunjukkan kepada anda cara menulis penukar Fahrenheit ke Celsius menggunakan JavaScript.
Fahrenheit dan Celsius ialah dua unit pengukuran suhu yang berbeza. Celsius ialah unit suhu standard antarabangsa, manakala Fahrenheit ialah unit ukuran suhu yang digunakan secara meluas di negara seperti Amerika Syarikat, United Kingdom dan Kanada. Apabila melakukan pengiraan suhu, kita selalunya perlu menukar Celsius kepada Fahrenheit atau Fahrenheit kepada Celsius.
Dalam artikel ini, kami akan menyediakan fungsi JavaScript mudah yang boleh menukar Celsius kepada Fahrenheit atau Fahrenheit kepada Celsius. Mari mulakan menulis fungsi ini.
Pertama, kita perlu merangkum fungsi JavaScript dalam fail HTML. Di kepala fail, kita perlu menambah kod berikut untuk memastikan fail itu boleh dihuraikan dengan betul sebagai fail HTML:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 华氏摄氏度转换器</title>
</head>Seterusnya, kita perlu menulis fungsi JavaScript sebagai fungsi. Dalam artikel ini, kami akan menulis dua fungsi, satu untuk menukar Celsius kepada Fahrenheit dan satu lagi untuk menukar Fahrenheit kepada Celsius.
Fungsi pertama ialah menukar Celsius kepada Fahrenheit. Kita boleh menukar Celsius kepada Fahrenheit menggunakan formula berikut:
°F = (°C * 9/5) + 32
Kod fungsi adalah seperti berikut:
function celsiusToFahrenheit(celsius) {
var fahrenheit = (celsius * 9/5) + 32;
return fahrenheit;
}di atas Dalam fungsi, kita menghantar Celsius ke fungsi, kemudian menggunakan formula untuk menukarnya kepada Fahrenheit dan menyimpan hasilnya dalam fahrenheit pembolehubah, dan akhirnya mengembalikan fahrenheit melalui penyata pulangan.
Fungsi kedua ialah menukar Fahrenheit kepada Celsius. Kita boleh menukar Fahrenheit kepada Celsius menggunakan formula berikut:
°C = (°F - 32) * 5/9
Kod fungsi adalah seperti berikut:
function fahrenheitToCelsius(fahrenheit) {
var celsius = (fahrenheit - 32) * 5/9;
return celsius;
}di atas Dalam fungsi, kita menghantar Fahrenheit kepada fungsi, kemudian menggunakan formula untuk menukarnya kepada Celsius dan menyimpan hasilnya dalam celsius pembolehubah, dan akhirnya mengembalikan celsius melalui penyata pulangan.
Kini kami telah menulis dua fungsi yang menukar Celsius kepada Fahrenheit atau Fahrenheit kepada Celsius. Di bawah ialah fail HTML lengkap yang mengandungi fungsi untuk menukar Celsius kepada Fahrenheit atau Fahrenheit kepada Celsius. Pengguna boleh memasukkan nombor dalam kotak input dan klik butang yang sepadan untuk menukarnya kepada unit suhu lain.
<!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>Dalam fail HTML di atas, kami mula-mula memperkenalkan dua fungsi JavaScript celsiusToFahrenheit dan fahrenheitToCelsius. Kami kemudian mencipta dua butang, satu untuk menukar Celsius kepada Fahrenheit dan satu lagi untuk menukar Fahrenheit kepada Celsius. Apabila pengguna mengklik butang yang sepadan, kod JavaScript akan mendapat nombor daripada kotak input dan memanggil fungsi yang sepadan untuk menukarnya kepada unit suhu lain berdasarkan butang yang dipilih oleh pengguna. Keputusan akhir akan dipaparkan pada halaman.
Kesimpulan
Dalam artikel ini, kami menunjukkan kepada anda cara menulis penukar Fahrenheit ke Celsius menggunakan JavaScript. Kami menulis dua fungsi JavaScript, satu untuk menukar Celsius kepada Fahrenheit dan satu lagi untuk menukar Fahrenheit kepada Celsius. Kami juga mencipta fail HTML yang mengandungi dua kotak input dan dua butang di mana pengguna boleh memasukkan nombor dan menukarnya kepada unit suhu lain. Penukar ini boleh membantu pengguna melakukan penukaran suhu dengan cepat dan tepat, meningkatkan pengalaman pengguna.
Atas ialah kandungan terperinci javascript Fahrenheit Celsius penukaran suhu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!