Question

我正在尝试从文本框中读取值，但它什么也不返回。

在控制台中，它仅显示一条白线，并带有console.log语句的行号。

var amount = document.getElementById("billAmt").value;
document.getElementById('calculate').addEventListener('click', function() {
  console.log(amount);
});

<input id="billamt" type="text" placeholder="Bill Amount">
<button type="button" id="calculate">Calculate!</button>

Answer 1

您的代码中有几个问题：

billamt

错字。在HTML中应该为billAmt或更改其中两个以使其相同
您需要在click函数内部获取值。

document.getElementById('calculate').addEventListener('click', function() {
  var amount = document.getElementById("billAmt").value;
  console.log(amount);

});

<input id="billAmt" type="text" placeholder="Bill Amount">
<button type="button" id="calculate">Calculate!</button>

无法将文本框的值分配给变量

1 个答案: