Question

我正在制作一个基本的javascript计时器。目前，使用变量设置计时器运行的秒数。我想让这个变量由用户设置，但我很难让它工作。

这是我尝试过的：

HTML：

<input type="text" placeholder="How many seconds?" id="set-timer">

这给出了一个输入框。

JS：

var originalCount = document.getElementById("set-timer").value;

但这似乎不起作用。我是否错误地使用.value？

这是我的JSfiddle，让您了解我正在努力实现的目标：https://jsfiddle.net/k0xxzkr2/1/

希望我对自己的目标足够清楚。我仍然围绕着Javascript。

提前致谢。

Answer 1

应该是getElementById而不是getElementbyId

var originalCount = document.getElementById("set-timer").value;
console.log(originalCount);

Answer 2

Javascript区分大小写。您有getElementbyId而不是getElementById。此外，您需要修改javascript以检查正在运行的值。现在它正在页面加载上运行。您可能希望将其放在按钮的单击方法或其他内容中：

function getInputValue() {
  // Use getElementById, not getElementbyId
  var originalCount = document.getElementById("set-timer").value;
  console.log(originalCount);
}

<input type="text" placeholder="How many seconds?" id="set-timer"> 
<button onclick="getInputValue()">Get timer value</button>

使用.value方法从DOM获取用户输入（基本Javascript计时器）

2 个答案: