Javascript erhöht keine Variable

Question

Ich möchte jedes Mal, wenn der Benutzer auf die Schaltfläche add row klickt, zählen. Hier ist der Code, den ich habe, der nicht funktioniert.

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" />

Was mache ich falsch?

Answer 1

Ihr Code erhält nur den Wert und erhöht ihn, weist den Wert dem Eingabefeld nicht zu. Fügen Sie diese Zeile nach dem Zuwachs Aussage:

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

Auch ist es parseInt() mit Klein p nicht 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

Es ist, weil Sie die Variable innerhalb der Funktion deklarieren. So wird die Variable nicht erhöht.

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

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" />