编写一个能够转换华氏温度和摄氏温度的程序。在“摄氏温度”文本域输入一个值并点击华氏按钮(两个按钮—摄氏按钮、华氏按钮),在华氏文本域显示相应的华氏温度。反之,在“华氏文温度”文本域输入一个值,点击摄氏
时间: 2024-03-01 15:53:15 浏览: 115
按钮和文本域被修改后的设计区域-android面试题大全(中高级)
按钮,在摄氏文本域显示相应的摄氏温度。
实现思路:
1. 获取摄氏温度或华氏温度的值;
2. 判断用户选择的是摄氏按钮还是华氏按钮;
3. 根据选择的按钮,进行温度转换计算;
4. 将计算结果显示在对应的文本域中。
以下是一个简单的实现代码,你可以参考一下:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>温度转换器</title>
</head>
<body>
<h1>温度转换器</h1>
<label>摄氏温度:</label><input type="text" id="celsius"><br/><br/>
<label>华氏温度:</label><input type="text" id="fahrenheit"><br/><br/>
<input type="button" value="摄氏转华氏" onclick="convert('celsius', 'fahrenheit')">
<input type="button" value="华氏转摄氏" onclick="convert('fahrenheit', 'celsius')">
<script>
function convert(from, to) {
var value = document.getElementById(from).value;
if (value === '') {
alert('请输入温度值');
return;
}
value = parseFloat(value);
if (isNaN(value)) {
alert('请输入合法的温度值');
return;
}
var result;
if (from === 'celsius') {
result = value * 9 / 5 + 32;
} else {
result = (value - 32) * 5 / 9;
}
document.getElementById(to).value = result.toFixed(2);
}
</script>
</body>
</html>
```
在上面的代码中,我们使用了 JavaScript 来处理温度转换的逻辑。其中,`convert()` 函数用于处理按钮点击事件,`from` 参数表示转换的源温度类型,`to` 参数表示转换的目标温度类型。在函数中,我们首先获取源温度的值,然后根据源温度类型计算目标温度的值,并将结果显示在对应的文本域中。注意,在计算结果时,我们使用了 `toFixed(2)` 方法来保留两位小数。
阅读全文