Как я могу отобразить определенное количество полей ввода на основе переменной?

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

JQuery версия Версия мош ФЭУ в

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>