如何根据变量显示一定数量的输入字段？

Question

我正在尝试制作一个计算器，它根据之前输入的数字（变量）显示一定数量的输入文本字段。例如：

How many whatever? (text field that inputs to a variable)

如何让页面(onBlur)根据用户号码生成多个文本字段？

Answer 1

function addInputs(elm) {
  var result = document.querySelector('#result');
  result.innerHTML = '';
  for (var i = 0; i < parseInt(elm.value); i++) {
    var wrapper = document.createElement('div');
    wrapper.innerHTML = '<input type="text" placeholder="textfield ' + i + '" />';
    result.appendChild(wrapper);
  }
}

div {
  margin-top:5px;  
}

<input type="text" onblur="addInputs(this)" placeholder="Type a numder" />
<div id="result"></div>

Answer 2

jQuery Mosh Feu 的版本

Javascript 部分：

function addInputs(elm) {
  var html = '';
  for (var i = 0; i < parseInt($(elm).val()); i++) {
    html += '<input type="text" placeholder="Textfield '+i+'">';
  }
  $('#result').html(html);
}

HTML 部分：

<input type="text" onblur="addInputs(this)" placeholder="Type a numder" />
<div id="result"></div>

如何根据变量显示一定数量的输入字段？

How could I display a certain number of input fields based on a variable?

html

javascript

textbox

user-input

input