|
|
|
2023.04.29
カテゴリ：カテゴリ未分類
チャットGTPでキログラムとポンド、キロメートルとマイルが相互変換できるコードを作成してみました。
コードは下部に記載します。  <!DOCTYPE html> <html> <head> <title>単位変換</title> <script> function convertWeight() { var input = document.getElementById("weightInput").value; var fromUnit = document.getElementById("weightFrom").value; var toUnit = document.getElementById("weightTo").value; var result; if (fromUnit === "kg" && toUnit === "lb") { result = input * 2.20462; } else if (fromUnit === "lb" && toUnit === "kg") { result = input / 2.20462; } else { result = input; } document.getElementById("weightResult").innerHTML = result.toFixed(2); } function convertDistance() { var input = document.getElementById("distanceInput").value; var fromUnit = document.getElementById("distanceFrom").value; var toUnit = document.getElementById("distanceTo").value; var result; if (fromUnit === "km" && toUnit === "mi") { result = input / 1.60934; } else if (fromUnit === "mi" && toUnit === "km") { result = input * 1.60934; } else { result = input; } document.getElementById("distanceResult").innerHTML = result.toFixed(2); } </script> </head> <body> <h1>単位変換</h1> <h2>重さ</h2> <input type="number" id="weightInput" placeholder="数値を入力"> <select id="weightFrom"> <option value="kg">kg</option> <option value="lb">lb</option> </select> から <select id="weightTo"> <option value="kg">kg</option> <option value="lb">lb</option> </select> に変換する<br> <button onclick="convertWeight()">変換する</button> <p>変換結果: <span id="weightResult"></span></p> <h2>距離</h2> <input type="number" id="distanceInput" placeholder="数値を入力"> <select id="distanceFrom"> <option value="km">km</option> <option value="mi">mi</option> </select> から <select id="distanceTo"> <option value="km">km</option> <option value="mi">mi</option> </select> に変換する<br> <button onclick="convertDistance()">変換する</button> <p>変換結果: <span id="distanceResult"></span></p> </body> </html>
お気に入りの記事を「いいね！」で応援しよう
最終更新日
2023.04.29 13:34:36
コメント(0) | コメントを書く |
