How to change a placeholder in loop input? : This is my first question,
Look at this form and tell me
How to set a unique URL placeholder to every new URL input added by the function! 
Thanks

    <html>
    <input class="name" type='text' placeholder="First name" required>
            <input class="name" type='text' placeholder="Last name" required><br>
            <input type="email" placeholder="example@mail.com" required><br>
            <div id="url">
            </div>
            <button id="bu">add Products urls</button>
    </html>
    
    <script>
    var url = document.getElementById('url'),
        counter = 1,
        but = document.getElementById('bu');
    
    but.onclick = function () {
      'use strict';
       url.innerHTML += 'Product' + counter + ' <input type="url" placeholder="url">
       <br>';
        counter++;
    };
    </script>