根据用户输入创建输入数量（带前缀）

Question

I want to create a dynamic number of number inputs based on the number that I enter in a first input. Per example, if I enter "3", it should create 3 rows:

row1------(input) row2------(input) row3------(input)

The input is entered here:

  <tr>
  <td align="center" bgcolor="#D4D4D4">Cantidad de arreglos:</td>
  <td align="center" bgcolor="#D4D4D4"><input type="number" id="cantidadArreglos" onchange="espacioArreglos(this.value);" size="1"></td>
  </tr>

On changing the number of this input, the function "espacioArreglos" should be called and generate a number input for each row.

How can I do this? My function does nothing upon changing the value of the input "cantidadArreglos".

  function espacioArreglos() {
  for(var i = 0; i <= cantidadArreglos; i++)
  {
    var cantidadArreglos = document.getElementById('cantidadArreglos').value;         
    var tb = document.createElement('input');           
}
}

Answer 1

I don't have enough rep to comment just yet but I believe oninput is what you are looking for. onchange only fires when you press enter for text fields. Also I would get the value of your text field before your for loop.