如何从 HTML 文档中捕获数字输入并将其保存为 JS 中的数值？

Question

<div class = "input">
    <b>Weight </b><input type = '' id = 'weight' value = '180'>
</div>
<script>
    let weight = document.getElementById('weight');
    console.log(weight/2.205);
</script>

output 是 NaN。 是否有将“重量”转换为正确值的解决方案？ 感谢您的时间和耐心。

Answer 1

如果您想创建一个要求用户输入 integer 的输入。 你使用<input type='number'>

在您的脚本中，您将变量定义为height ，然后在console.log()中将其定义为weight ，它不存在。

尝试提取输入的值时，您使用document.getElementById('weight').value而不仅仅是document.getElementById('weight')

Answer 2

给你go一个解决办法

 let weight = parseInt(document.getElementById('weight').value); console.log(weight/2.205);

 <div class = input> <b>Weight </b><input type="text" id='weight' value = '180' /> </div>

您指的是错误的可变weight而不是height

document.getElementById('weight')会给你元素引用而不是值。

要获取值，您需要使用.value属性document.getElementById('weight').value

输入框将始终返回字符串，在进行任何数学运算之前有一个parseInt总是好的。

Answer 3

您需要从 html 元素中获取 value 属性，即

let weight= document.getElementById('weight').value; 

但是你得到的值是字符串，如果你正在做除加法之外的任何类型的数学运算，那么你很好，因为 javascript 会进行类型强制，这意味着它将字符串更改为数字，但如果你需要做加法，那么只需将高度变量放在 number() 方法中，这会将字符串更改为数字。

我希望这回答了你的问题

Answer 4

<div class = input>
<b>Weight </b><input type = '' id = 'weight' value = '180'>

<script>
  let weight = document.getElementById('weight');
  console.log(weight.value /2.205);
</script>