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

Michal разместил пост 12 сентября 2018

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

Глеб Гариев разместил пост 12 сентября 2018

 

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">
    <button>
Сгенерировать</button>
</form>

<div
class="controls"></div>

Close