Programme de conversion de température Javascript

Avec le développement rapide de la technologie, l'écriture de programmes informatiques est devenue un élément indispensable de la vie des gens. Le programme de conversion de température est un petit programme couramment utilisé dans la vie. Il peut convertir la température Celsius en température Fahrenheit, ou la température Fahrenheit en température Celsius. Dans cet article, nous présenterons un programme de conversion de température écrit en Javascript pour aider les utilisateurs à effectuer la conversion de température plus facilement.

Avant de commencer à écrire un programme, vous devez d'abord clarifier la formule de conversion de la température Celsius et de la température Fahrenheit. La conversion des unités de température s'effectue par la formule suivante :

Fahrenheit = Celsius × 1,8 + 32

Celsius = (Fahrenheit - 32) ÷ 1,8#🎜 🎜##🎜 🎜#Après avoir compris la formule, nous pouvons commencer à écrire le programme.

Tout d'abord, nous devons ajouter un formulaire au fichier HTML pour saisir la valeur de la température et sélectionner l'unité de température. Le code est le suivant :

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

Ce formulaire contient une zone de saisie, une zone déroulante et un bouton. La zone de saisie permet de saisir la valeur de température, la zone déroulante permet de sélectionner l'unité de température et le bouton permet de déclencher la fonction de conversion. Une fois la conversion terminée, les résultats de la conversion seront affichés dans la balise dc6dce4a544fdca2df29d5ac0ea9906b

Ensuite, nous devons écrire du code Javascript pour terminer le processus de conversion. Le code est le suivant :

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

Tout d'abord, nous définissons une fonction appelée convertTemperature, dans laquelle nous obtenons la valeur de température et l'unité de température saisies par l'utilisateur. Ensuite, nous avons utilisé une instruction if pour déterminer si l'utilisateur a saisi un nombre. Si l'entrée utilisateur n'est pas un nombre, utilisez innerHTML pour afficher les informations d'invite dans la balise dc6dce4a544fdca2df29d5ac0ea9906b Si l'utilisateur saisit un nombre, celui-ci est converti en fonction de l'unité de température sélectionnée et le résultat est affiché dans une balise dc6dce4a544fdca2df29d5ac0ea9906b.

À ce stade, notre programme de conversion de température est terminé et peut être exécuté sur n'importe quel navigateur prenant en charge Javascript. Les utilisateurs peuvent facilement effectuer des conversions de température en entrant simplement des chiffres et en sélectionnant les unités de température.

Enfin, il convient de noter que ce programme n'est qu'un simple exemple de programme et qu'il existe de nombreux endroits qui peuvent être améliorés. Par exemple, vous pouvez augmenter la gestion des erreurs de saisie des utilisateurs ou optimiser la présentation de l'interface. Dans tous les cas, la méthode d'écriture d'un programme de conversion de température en Javascript est très simple et facile à comprendre. J'espère que cet article pourra aider les lecteurs à mieux comprendre le langage Javascript.

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!