Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Добавление Элемента при клике(определенного количества) (https://javascript.ru/forum/events/81923-dobavlenie-ehlementa-pri-klike-opredelennogo-kolichestva.html)

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,
Создание элемента

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

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

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

rad@drew9081 05.03.2021 01:14

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


Часовой пояс GMT +3, время: 03:49.