gpt4 book ai didi

javascript - 返回 0 或 NaN 的值而不是实际结果

转载 作者:行者123 更新时间:2023-11-28 17:31:14 24 4
gpt4 key购买 nike

只是试图制作一个简单的重量转换器程序,但结果一直给我 NaN 或 0。我使用基本相同的函数编写了一个类似的计算器,它工作正常,我不确定我在这里缺少什么。

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="weight.js"></script>
<title>Weight Converter</title>
</head>
<body>

<div>
<input id="pounds" type="text" placeholder="Enter weight in pounds"/>
<input type="button" value="convert" onclick="calc()"/>
</div>




</body>
</html>

JS:

var k = document.getElementById('pounds').value;


function calc(){
var result = (k / 2.2);
alert(result + " kilograms");
console.log(result);
}

最佳答案

您试图在触发 onclick 之前获取 .value。页面加载时,元素的value 是一个空字符串。尝试获取点击之后的值,而不是之前:

function calc() {
var k = document.getElementById('pounds').value;
var result = (k / 2.2);
alert(result + " kilograms");
console.log(result);
}
<div>
<input id="pounds" type="text" placeholder="Enter weight in pounds" />
<input type="button" value="convert" onclick="calc()" />
</div>

关于javascript - 返回 0 或 NaN 的值而不是实际结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50384346/

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