.valueメソッドを使用してDOM（Basic Javascript Timer）からユーザー入力を取得する

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で頭を包んでいる。

ありがとうございます。それはgetElementByIdないgetElementbyId

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

Answer 1

Javascriptをする必要があります

Answer 2

は大文字と小文字が区別されます。 getElementByIdではなく、getElementbyIdです。また、値を確認するjavascriptがいつ実行されているかを変更する必要があります。今はページロード時に実行されています。 VAR：あなたが実際にテキストボックスに何かを置く前に、

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>