写一个HTML长度换算计算器,包含纳米、微米、毫米、厘米、米、公里、英寸、英尺、码、英里、海里的换算
时间: 2023-10-26 08:06:50 浏览: 80
可以为您提供一个示例的HTML代码,用来创建一个长度换算计算器:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>长度换算计算器</title>
</head>
<body>
<h1>长度换算计算器</h1>
<label for="input">输入数值:</label>
<input type="number" id="input" placeholder="请输入数值">
<label for="unit">选择单位:</label>
<select id="unit">
<option value="nm">纳米 (nm)</option>
<option value="um">微米 (μm)</option>
<option value="mm">毫米 (mm)</option>
<option value="cm">厘米 (cm)</option>
<option value="m">米 (m)</option>
<option value="km">公里 (km)</option>
<option value="in">英寸 (in)</option>
<option value="ft">英尺 (ft)</option>
<option value="yd">码 (yd)</option>
<option value="mi">英里 (mi)</option>
<option value="nmi">海里 (nmi)</option>
</select>
<button onclick="convert()">转换</button>
<div id="result"></div>
<script>
function convert() {
const input = document.getElementById('input').value;
const unit = document.getElementById('unit').value;
let result;
switch (unit) {
case 'nm':
result = input / 1000000000; // 纳米转换为米
break;
case 'um':
result = input / 1000000; // 微米转换为米
break;
case 'mm':
result = input / 1000; // 毫米转换为米
break;
case 'cm':
result = input / 100; // 厘米转换为米
break;
case 'm':
result = input * 1; // 米转换为米
break;
case 'km':
result = input * 1000; // 公里转换为米
break;
case 'in':
result = input * 0.0254; // 英寸转换为米
break;
case 'ft':
result = input * 0.3048; // 英尺转换为米
break;
case 'yd':
result = input * 0.9144; // 码转换为米
break;
case 'mi':
result = input * 1609.34; // 英里转换为米
break;
case 'nmi':
result = input * 1852; // 海里转换为米
break;
default:
result = '无效单位';
}
document.getElementById('result').innerHTML = `结果: ${result} 米`;
}
</script>
</body>
</html>
```
您可以将上述代码保存为一个HTML文件,并在浏览器中打开该文件,即可看到一个长度换算计算器。输入要转换的数值,选择相应的单位,然后点击“转换”按钮,即可在下方显示转换结果。