首页用html写一个页面，点击convert从而完成mile和km之间的转换

用html写一个页面，点击convert从而完成mile和km之间的转换

时间: 2024-05-14 19:13:38 浏览: 113

好的，这个问题很简单。你可以使用HTML和JavaScript来实现这个功能。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>Mile和Km转换器</title> </head> <body> <h1>Mile和Km转换器</h1> <p>输入一个数字，选择单位，然后点击“转换”按钮。</p> <input type="number" id="inputNum" placeholder="请输入数字"> <select id="selectUnit"> <option value="mile">Mile</option> <option value="km">Km</option> </select> <button onclick="convert()">转换</button> <p id="result"></p> <script> function convert() { var num = document.getElementById("inputNum").value; var unit = document.getElementById("selectUnit").value; if (unit == "mile") { var result = num * 1.60934; document.getElementById("result").innerHTML = num + " Mile = " + result + " Km"; } else { var result = num / 1.60934; document.getElementById("result").innerHTML = num + " Km = " + result + " Mile"; } } </script> </body> </html> ``` 该页面包含一个文本框、一个下拉列表和一个按钮，用于输入数字和选择单位。当用户点击“转换”按钮时，JavaScript代码将读取用户输入的数字和单位，并进行相应的转换。最后，结果将显示在页面上。

阅读全文