What I want to do is quite straightforward, but I can't figure it out. Let's say you have this variable defined in your global scope of your script:
var contentOfRow = "<tr><td>hello</td></tr>";
Then, you have a HTML table, on top of which you have a +ADD button. On this button, you specify
onlick="addRow(contentOfRow)", such that, on each click on the +ADD button, a new row is added onto the HTML table, with its content equal to the value of
contentOfRow. That's where I am, all of this works.
What's not working is that, with each click on the +ADD button, I want to modify the value of
contentOfRow (so inside the addRow(contentOfRow) function), such that subsequent clicks on the +ADD button simply add the programmatically updated content onto the HTML table, if clicked again. Given that the
var keyword was used, I simply reassigned the value of the variable like so:
contentOfRow = "<tr><td>newContent</td></tr>";
Inside the addRow(contentOfRow) function. Yet, if I click on the +ADD button, no matter how many times, it always adds the original row with the content
<tr><td>hello</td></tr>onto the table. What am I doing wrong?