Как можно динамически создавать элементы с разными id по нажатию на кнопку?


#1

Суть в том что должно быть поле в которое мы введем количество блоков которые хотим внедрить в документ, и просто при нажатии на кнопку они бы генерировались с разными id, как такое можно сделать?)


#2

document.getElementById('form').addEventListener('submit', function(event){
event.preventDefault()
;

let
count = document.getElementById('count').value,
controls = document.querySelector('.controls');

controls.innerHTML = '';

for
(let i = 0; i < count; i ) {
let input = document.createElement("input");

input.setAttribute('type', 'text');
input.setAttribute('placeholder', 'id = _' i);
input.setAttribute('id', '_' i);

controls.appendChild(input)
}
})

<form id="form">
<input
type="number" id="count">
Сгенерировать


<div
class="controls">