Javascript-форум - При клике на кнопу добавлять поля с нужным id, class

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - При клике на кнопу добавлять поля с нужным id, class (https://javascript.ru/forum/dom-window/52763-pri-klike-na-knopu-dobavlyat-polya-s-nuzhnym-id-class.html)

При клике на кнопу добавлять поля с нужным id, class

Есть кнопка:

<input type="button" value="+ Input">

Если кликнуть на эту кнопку в таблице с id="dp" добавляется 2 поля:

<input id="qqqh1" placeholder="H1" class="input_other_add_item">
<input id="qqqx1" placeholder="X1" class="input_other_add_item">

Если кликнуть на кнопку еще раз:

<input id="qqqh1" placeholder="H1" class="input_other_add_item">
<input id="qqqx1" placeholder="X1" class="input_other_add_item"> 
<input id="qqqh2" placeholder="H2" class="input_other_add_item">
<input id="qqqx2" placeholder="X2" class="input_other_add_item">

Кликать кнопку можно много раз добавляя каждый раз при этом поля вида:

<input id="qqqh + i" placeholder="H + i" class="input_other_add_item">
<input id="qqqx + i" placeholder="X + i" class="input_other_add_item">

<html>
<head>
</head>
<body>

<input type="button" value="+ Input">

<table id="dp">
</table>


<script>

c=0
table=document.querySelector("#dp")
document.querySelector("input").onclick=function(){
  var el=document.createElement("tr")
  c++
  el.innerHTML='<td><input id="qqqh'+c+'" placeholder="H'+c+'" class="input_other_add_item"></td><td> <input id="qqqx'+c+'" placeholder="X'+c+'" class="input_other_add_item"></td>'
  table.appendChild(el)
}


</script>
 
</body>
</html>

Спасибо большое!!! :thanks:

Тему можно закрыть!) :yes:

krutoy, открой для себя методы для работы с таблицами, тут не нужно никаких createElement('tr'). И вообще, таблица - прошлый век.

И опять пропагандируешь написание переменных без var.

Ruslan_xDD,

Цитата:

GLOB - глобальный контекст (объект window или this)

Это ты что ли писал? Побольше читай таких авторов, я рад за тебя.