编写代码,实现摄氏温度转换为华氏温度,并在页面上以2位小数的形式显示摄氏温度和华氏温度的功能,要求采用外链的方式在HTML文档中添加JavaScript 代码,摄氏温度由用户通过对话框进行输入。
时间: 2024-10-24 16:09:49 浏览: 12
为了实现这个功能,你可以创建一个简单的HTML页面,然后在外链JavaScript文件中编写温度转换的函数。首先,在HTML中添加一个输入框用于用户输入摄氏温度以及一个按钮触发转换:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>温度转换</title>
<script src="temperature_converter.js" defer></script>
</head>
<body>
<h1>摄氏转华氏温度计算器</h1>
<label for="celsius">请输入摄氏温度:</label>
<input type="number" id="celsius">
<button onclick="convertTemperature()">转换</button>
<p id="result"></p>
</body>
</html>
```
接下来,在`temperature_converter.js` 文件中编写JavaScript代码:
```javascript
function convertTemperature() {
var celsiusInput = document.getElementById("celsius").value;
var fahrenheit = (celsiusInput * 9 / 5) + 32;
// 使用toFixed(2)保留两位小数
var formattedResult = fahrenheit.toFixed(2);
document.getElementById("result").innerText = `摄氏温度: ${celsiusInput}, 华氏温度: ${formattedResult}°F`;
}
```
在这个例子中,当用户点击“转换”按钮时,会调用`convertTemperature`函数。它获取输入框中的摄氏温度值,计算出对应的华氏温度,并在页面上显示结果。
阅读全文