设置一个简单的页面 第一个数摄氏度() 第二个数华氏度()下面有三个按钮第一个按钮是摄氏度转华氏度,第二个按钮华氏度转摄氏度,第三按钮清除
时间: 2024-01-14 09:02:43 浏览: 68
第2章-matlab程序设计完整.pptx
以下是一个简单的 HTML 页面,实现了您所描述的功能:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>温度转换器</title>
<script>
function celsiusToFahrenheit() {
var celsius = parseFloat(document.getElementById("celsius").value);
var fahrenheit = (celsius * 1.8) + 32;
document.getElementById("fahrenheit").value = fahrenheit.toFixed(2);
}
function fahrenheitToCelsius() {
var fahrenheit = parseFloat(document.getElementById("fahrenheit").value);
var celsius = (fahrenheit - 32) * 5 / 9;
document.getElementById("celsius").value = celsius.toFixed(2);
}
function clearFields() {
document.getElementById("celsius").value = "";
document.getElementById("fahrenheit").value = "";
}
</script>
</head>
<body>
<h1>温度转换器</h1>
<label>摄氏度:</label>
<input type="number" id="celsius"><br><br>
<label>华氏度:</label>
<input type="number" id="fahrenheit"><br><br>
<button onclick="celsiusToFahrenheit()">摄氏度转华氏度</button>
<button onclick="fahrenheitToCelsius()">华氏度转摄氏度</button>
<button onclick="clearFields()">清除</button>
</body>
</html>
```
该页面包含两个输入框,分别用于输入摄氏度和华氏度。三个按钮分别对应摄氏度转华氏度、华氏度转摄氏度和清除操作。JavaScript 代码实现了按钮点击事件的处理函数,分别计算摄氏度和华氏度之间的转换,并将结果显示在相应的输入框中。
阅读全文