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

Frontend developer JavaScript
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">