Вход

Просмотр полной версии : Добавление Элемента при клике(определенного количества)


demi379
14.02.2021, 20:49
Добрый день.
Есть Поле для ввода числа, как сделать чтобы в зависимости от того какое число введет пользователь, при клике на кнопку выводилось еще несколько полей для ввода.
НАПРИЕР. Пользователь в ИНПУТ ввел 4, нажал на кнопку, и создалось еще 4 ИНПУТА для ввода
Спасибо

HTML
<input id="elem1" type="text" name="quantity1" placeholder="Количество">
<br>
<input id="elem2" type="text" name="quantity2" placeholder="Количество">
<br>
<input id="butt" type="button" value="Кнопка"/>
<div id="str"></div>
.
JS
butt.onclick = function() {
let val1 = document.getElementById('elem1').value,
val2 = document.getElementById('elem2').value,
sum = +val1 + +val2;
document.getElementById('str').innerHTML="Вы ввели: " +sum;

};

рони
14.02.2021, 21:09
demi379,
Создание элемента (https://learn.javascript.ru/modifying-document#sozdanie-elementa)

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:


... минимальный код страницы с вашей проблемой


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

rad@drew9081
05.03.2021, 01:14
Просто в цикле создавайте и добавляйте элементы. Цикл по числу пользователя(меньше). Используйте crreateElement и append к родителю.