温度変換プログラム Javascript-フロントエンドQ&A-php.cn

温度変換プログラム Javascript

王林

リリース： 2023-05-09 19:01:05

オリジナル

831 人が閲覧しました

科学技術の急速な発展に伴い、コンピュータープログラムの作成は人々の生活に不可欠な部分になりました。温度変換プログラムは、摂氏温度を華氏温度に、または華氏温度を摂氏温度に変換することができる、日常生活でよく使用される小さなプログラムです。この記事では、温度変換をより便利に行うために、JavaScript で作成された温度変換プログラムを紹介します。

プログラムを書き始める前に、まず摂氏と華氏の温度間の変換式を明確にする必要があります。温度単位の変換は、次の式で実行されます。

華氏 = 摂氏 × 1.8 32

摂氏 = (華氏 - 32) ÷ 1.8

理解しました。式が完成したら、プログラムを書き始めることができます。

まず、温度値を入力し、温度単位を選択するためのフォームを HTML ファイルに追加する必要があります。コードは次のとおりです。

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

ログイン後にコピー

このフォームには、入力ボックス、ドロップダウンボックス、ボタンが含まれています。入力ボックスは温度値の入力に使用され、ドロップダウンボックスは温度単位の選択に使用され、ボタンは変換機能のトリガーに使用されます。変換が完了すると、

タグ内に変換結果が表示されます。

次に、変換プロセスを完了するための Javascript コードを記述する必要があります。コードは次のとおりです。

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

ログイン後にコピー

まず、convertTemperature という関数を定義します。この関数では、ユーザーが入力した温度値と温度単位を取得します。次に、if ステートメントを使用して、ユーザーが数値を入力したかどうかを判断しました。ユーザー入力が数値でない場合は、innerHTML を使用して

タグにプロンプト情報を表示し、関数を終了します。ユーザーが数値を入力すると、選択した温度単位に従って変換され、結果が

タグ内に表示されます。

この時点で、温度変換プログラムは完成しており、JavaScript をサポートするブラウザで実行できるようになります。ユーザーは、数値を入力して温度単位を選択するだけで、簡単に温度変換を完了できます。

最後に、このプログラムは単なる単純なサンプルプログラムであり、改善できる箇所が数多くあることに注意してください。たとえば、ユーザー入力エラーの処理を強化したり、インターフェイスのレイアウトを最適化したりできます。いずれにしても、JavaScript で温度変換プログラムを作成する方法は非常にシンプルで分かりやすいので、この記事が Javascript 言語の理解を深める一助になれば幸いです。

以上が温度変換プログラム Javascriptの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

前の記事：JavaScript は複数の言語を指定します次の記事：クローラーが JavaScript 画像をダウンロードする方法

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事