dom - How do I add textboxes dynamically in Javascript?

Question

By default I have 5 textboxes. When a user clicks on a button, one textbox should be added.

How could I do this?

Answer 1

If you replace the innerHTML, the previously entered values will be cleared, to avoid that, you can append the input elements programmatically:

var input = document.createElement('input'); 
input.type = "text"; 
//...    
container.appendChild(input); 

Check this example.