无法从输入字段获取输入

Question

我无法从输入字段中获得用户输入的输入；请帮我解决这个问题。

我无法弄清楚这里出了什么问题。

var ftemp = document.getElementById("Farenheit").value;

<td>
  <input type="number" id="Farenheit">
</td>

在网页的输入字段中输入值时，根本不会获取输入值。

console.log-ing变量仅显示空白行。

Answer 1

将事件监听器添加到输入元素。

document.querySelector('input').addEventListener('keyup',function() {
    console.log(this.value);
});

<input type="number" id="Farenheit" > 

Answer 2

这行代码

var ftemp = document.getElementById("Farenheit").value;

在代码行执行时为您提供该input 的当前值。

当用户更改input的值时，它不会更新。

如果您只是想这样做，则需要向input 事件发生时执行的input元素添加事件侦听器：

var ftemp;
document.getElementById("Farenheit").addEventListener('input', function() {
  ftemp = this.value;
  console.log(ftemp);
})

<input type="number" id="Farenheit">