javascript - 如何使用 JavaScript 中的函数来转换温度
问题描述
我想构建代码,通过使用 JavaScript 中的任何函数将温度从摄氏度转换为华氏度我想知道如何从 window.prompt 中获取值并将其用于通过 JavaScript 中的任何函数进一步转换温度?
我创建了 HTML,现在在 JavaScript 中我写了 window.prompt 我可以把值放在哪里。但我不知道如何从 window.prompt 中获取这个值并使用函数将其转换为华氏温度。
var button = document.getElementById('greeter-button');
button.addEventListener('click', function() {
Temperature = window.prompt('What is temperature in celcius?');
});
<div id="button_and_text">
<button id="greeter-button">Button!</button>
<br> Click the button! Check the temperature!
<br><br>
</div>
<div id="greeter-output"></div>
解决方案
你是这个意思?请注意,您通常需要将从提示返回的字符串转换为数字,例如使用 +temperature,但乘法会将字符串转换为您的数字。运算符优先级在这里也有帮助
window.addEventListener("load", function() { // on page load
var button = document.getElementById('greeter-button'),
output = document.getElementById('greeter-output');
button.addEventListener('click', function() {
var temperature = window.prompt('What is temperature in celcius?');
if (temperature != null) {
output.innerHTML = temperature + "°F = " +
(temperature * 9 / 5 + 32) + "°C";
}
});
});
<div id="button_and_text">
<button id="greeter-button">Button!</button><br/>
Click the button! Check the temperature!
</div>
<div id="greeter-output"></div>
推荐阅读
- python - Python请求:使用代理但连接“连接中止”
- database - 每个实体都应该有一个主键吗?我们可以有一个子实体吗?
- ubuntu - 虚拟主机未指向正确的文件夹
- performance - 为什么 Google Speed 洞察力和 Google Lighthouse 和 Web.Dev 会针对相同的 url 显示不同的审核结果?
- java - 构建失败并出现异常:在根项目中找不到任务“-”
- rust - 使用 AsyncRead 引用字节数组时,为什么会出现“找不到名为 `read` 的方法”?
- azure - 我们可以模拟 TFX 命令(azure devops)的执行吗?参数-Whatif(powershell)之类的东西
- .net - EF Core 3.1 中的 Include / ThenInclude 将如何转换为 Inner Join
- c# - 在 T4 模板中使用 .NET Core 程序集
- swift - HTTP Live 流在 AVPlayer Swift 中不可读且不起作用