如何根據變量顯示一定數量的輸入字段？

Question

我想要製作一個計算器，它根據之前輸入的數字（變量）顯示一定數量的輸入文本字段。例如：

多少個不限？ （輸入到變量的文本字段）

我應該怎樣讓頁面（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

MOSH Feu的的版本

JavaScript部分的jQuery的版本：

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>