JavaScriptが変数をインクリメントしない

Question

ユーザーがadd rowボタンをクリックするたびにカウントを保持したいと思います。ここには、私はそれが動作していないコードです。

function add_more_row() { 
 
    var rows_count = ParseInt(document.getElementById("rows_count").value); 
 
    rows_count += 1; 
 
}

<input type="text" value="0" id="rows_count" /> 
 
<input onclick="add_more_row();" type="button" value="add row" />

私が間違って何をしているのですか？

Answer 1

コードは値を取得して値を増やし、値を入力フィールドに割り当てません。インクリメントステートメントの後に次の行を追加します。

document.getElementById("rows_count").value = rows_count; 

また、それは小文字pないParseInt()とparseInt()です。

function add_more_row() { 
 
    var inputRow = document.getElementById("rows_count"), 
 
     rows_count = parseInt(inputRow.value); 
 
    rows_count += 1; 
 
    inputRow.value = rows_count; 
 
}

<input type="text" value="0" id="rows_count" /> 
 
<input onclick="add_more_row();" type="button" value="add row" />

Answer 2

変数が関数内に宣言されているからです。 したがって、変数は増加しません。

Answer 3

function add_more_row() { 
 
    var rows_count = parseInt(document.getElementById("rows_count").value); 
 
    rows_count += 1; 
 
    document.getElementById("rows_count").value= rows_count; 
 
}

<input type="text" value="0" id="rows_count" /> 
 
<input onclick="add_more_row();" type="button" value="add row" />