Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.02.2021, 20:49
Интересующийся
Отправить личное сообщение для demi379 Посмотреть профиль Найти все сообщения от demi379
 
Регистрация: 07.08.2019
Сообщений: 14

Добавление Элемента при клике(определенного количества)
Добрый день.
Есть Поле для ввода числа, как сделать чтобы в зависимости от того какое число введет пользователь, при клике на кнопку выводилось еще несколько полей для ввода.
НАПРИЕР. Пользователь в ИНПУТ ввел 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;

};
Ответить с цитированием
  #2 (permalink)  
Старый 14.02.2021, 21:09
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

demi379,
Создание элемента

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

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

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 05.03.2021, 01:14
Новичок на форуме
Отправить личное сообщение для rad@drew9081 Посмотреть профиль Найти все сообщения от rad@drew9081
 
Регистрация: 08.11.2020
Сообщений: 4

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Необъяснимое поведение прокрутки при использовании homekey demoniqus Events/DOM/Window 2 26.08.2019 10:05
Смена текста одного элемента при наведении на другой Daillyn jQuery 3 24.01.2019 07:52
focusout приходит при активациия элемента (type=number) ValeryBush Firefox/Mozilla 0 17.07.2015 14:43
Как сохранить обработчики элемента, при изменения положения элемента в dom-дереве ? Danxil Events/DOM/Window 5 08.11.2013 23:33
Ext.tree, динам. добавление элемента Margarita ExtJS 0 24.12.2012 15:00