首页 > 解决方案 > 如何使用 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>

标签: javascripthtml

解决方案


你是这个意思?请注意,您通常需要将从提示返回的字符串转换为数字,例如使用 +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 + "&deg;F = " + 
       (temperature * 9 / 5 + 32)    + "&deg;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>


推荐阅读