@agapoli, Twój kod wygląda spoko, ale Ja bym zmodyfikował go tak , a @Marta Długa, sama dokona wyboru Codepen
<button>Add input</button>
<br>
<div style="width:100%">
<input type="number" value="0" autofocus> <br><br>
<input type="text" class="sum" placeholder="Sum" readonly>
</div>
input {
display: block;
}
document.querySelector('button').addEventListener('click', () => {
const divForInputs = document.querySelectorAll('div input[type="number"]');
const newInput = document.createElement('input');
newInput.setAttribute('type','number');
newInput.setAttribute('value','0');
divForInputs[divForInputs.length-1].after(newInput);
});
lub Codepen
<button>Add input</button>
<br>
<div style="width:100%">
<div>
<input type="number" value="0" autofocus>
</div>
<br><br>
<input type="text" class="sum" placeholder="Sum" readonly>
</div>
input {
display: block;
}
div div :last-child { /* Dla prezentacji ostatnio dodanego */
background-color: green;
color: white;
}
document.querySelector('button').addEventListener('click', () => {
const divForInputs = document.querySelector('div div :last-child');
const newInput = document.createElement('input');
newInput.setAttribute('type','number');
newInput.setAttribute('value','0');
divForInputs.after(newInput);
});