gpt4 book ai didi

javascript - 函数在 JS 华氏温度到摄氏度转换器中不起作用

转载 作者:行者123 更新时间:2023-11-28 13:18:59 25 4
gpt4 key购买 nike

我想添加一个输入数字(华氏度)并将其转换为摄氏度,但我不知道如何通过函数来​​做到这一点。

<!DOCTYPE html>
<html>
<body>

<p>This example calls a function to convert from Fahrenheit to Celsius:</p>

<input type="number" id="myInput" placeholder="Enter Fahrenheit degree" />

<button id="myButton" type="button">Convert to Celsius</button>

<p id="demo"></p>

<script>

var fahr = document.getElementById("myInput").value;

function toCelsius(fahr) {
return (5/9) * (fahr-32);
}

document.getElementById("myButton").onclick = function() {

document.getElementById("demo").innerHTML = toCelsius(fahr);
};

</script>

</body>
</html>

我也尝试过通过像这样的单个变量来做到这一点:

var fahr = document.getElementById("myInput").value;

var c = (5/9) * (fahr-32);



document.getElementById("myButton").onclick = function() {

document.getElementById("demo").innerHTML = c;
};

但在这两种情况下它每次都显示相同的结果(这个数字:-17.77777777777778)

感谢您的帮助

最佳答案

您想要读取 onclick 处理程序内部fahr输入值。将返回值四舍五入为一个(或两个)小数也是有意义的:

function toCelsius(fahr) {  
return ((5 / 9) * (fahr - 32)).toFixed(1);
}

document.getElementById("myButton").onclick = function() {
var fahr = document.getElementById("myInput").value;
document.getElementById("demo").innerHTML = toCelsius(fahr);
};
<p>This example calls a function to convert from Fahrenheit to Celsius:</p>
<input type="number" id="myInput" placeholder="Enter Fahrenheit degree" />
<button id="myButton" type="button">Convert to Celsius</button>
<p id="demo"></p>

关于javascript - 函数在 JS 华氏温度到摄氏度转换器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35118111/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com