Javascript program penukaran suhu-Soal Jawab bahagian hadapan-php.cn

Dengan perkembangan pesat teknologi, penulisan program komputer telah menjadi bahagian yang tidak boleh diketepikan dalam kehidupan orang ramai. Program penukaran suhu ialah program kecil yang biasa digunakan dalam kehidupan Ia boleh menukar suhu Celsius kepada suhu Fahrenheit, atau suhu Fahrenheit kepada suhu Celsius. Dalam artikel ini, kami akan memperkenalkan program penukaran suhu yang ditulis dalam Javascript untuk membantu orang ramai melakukan penukaran suhu dengan lebih mudah.

Sebelum anda mula menulis atur cara, anda perlu terlebih dahulu menjelaskan formula penukaran antara Celsius dan Fahrenheit. Penukaran unit suhu dilakukan dengan formula berikut:

Fahrenheit = Celsius × 1.8 + 32

Celsius = (Fahrenheit - 32) ÷ 1.8

Sekarang kita faham formulanya, kita boleh mula menulis program.

Pertama, kita perlu menambah borang pada fail HTML untuk memasukkan nilai suhu dan memilih unit suhu. Kodnya adalah seperti berikut:

<form>
  <label>输入温度：</label>
  <input type="number" id="temperature">

  <label>选择温度单位：</label>
  <select id="unit">
    <option value="celsius">摄氏度</option>
    <option value="fahrenheit">华氏度</option>
  </select>

  <button type="button" onclick="convertTemperature()">转换</button>

  <div id="result"></div>
</form>

Salin selepas log masuk

Borang ini mengandungi kotak input, kotak lungsur turun dan butang. Kotak input digunakan untuk memasukkan nilai suhu, kotak drop-down digunakan untuk memilih unit suhu, dan butang digunakan untuk mencetuskan fungsi penukaran. Selepas penukaran selesai, hasil penukaran akan dipaparkan dalam teg

Seterusnya, kita perlu menulis kod Javascript untuk melengkapkan proses penukaran. Kodnya adalah seperti berikut:

<script>
  function convertTemperature() {
    // 获取用户输入的数值和单位
    var temperature = document.getElementById("temperature").value;
    var unit = document.getElementById("unit").value;

    // 如果输入为空，则提示用户输入数字
    if (isNaN(temperature)) {
      document.getElementById("result").innerHTML = "请输入数字!";
      return;
    }

    // 根据选择的单位进行温度转换
    if (unit === "celsius") {
      var fahrenheit = temperature * 1.8 + 32;
      document.getElementById("result").innerHTML = temperature + "摄氏度 = " + fahrenheit + "华氏度";
    } else {
      var celsius = (temperature - 32) / 1.8;
      document.getElementById("result").innerHTML = temperature + "华氏度 = " + celsius + "摄氏度";
    }
  }

</script>

Salin selepas log masuk

Mula-mula, kami mentakrifkan fungsi yang dipanggil convertTemperature, di mana nilai suhu dan input unit suhu oleh pengguna diperolehi. Kemudian, kami menggunakan pernyataan if untuk menentukan sama ada pengguna memasukkan nombor. Jika input pengguna bukan nombor, gunakan innerHTML untuk memaparkan maklumat segera dalam teg

Jika pengguna memasukkan nombor, ia ditukar mengikut unit suhu yang dipilih dan hasilnya dipaparkan dalam teg

Pada ketika ini, program penukaran suhu kami telah selesai dan boleh dijalankan pada mana-mana penyemak imbas yang menyokong Javascript. Pengguna boleh melengkapkan penukaran suhu dengan mudah dengan hanya memasukkan nombor dan memilih unit suhu.

Akhir sekali, perlu diingatkan bahawa program ini hanyalah contoh program yang mudah dan terdapat banyak bidang yang boleh ditambah baik. Sebagai contoh, anda boleh meningkatkan pengendalian ralat input pengguna atau mengoptimumkan reka letak antara muka. Walau apa pun, kaedah menulis program penukaran suhu dalam Javascript adalah sangat mudah dan mudah difahami saya harap artikel ini dapat membantu pembaca lebih memahami bahasa Javascript.

Atas ialah kandungan terperinci Javascript program penukaran suhu. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：JavaScript menentukan beberapa bahasa Artikel seterusnya：Cara perangkak memuat turun imej JavaScript

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang