duplicate and change id более одного раза

Question

Я новичок в этом форуме, а не профессионал на работе с веб-сайтами, но теперь я делаю работу для друга, я хочу дублировать div и изменять идентификатор, и я знаю как это сделать, но я хочу, чтобы иметь возможность изменять идентификатор более одного раза, теперь новый идентификатор будет «bubbla1», и в следующий раз, когда я нажму на кнопку, я хочу, чтобы она изменилась на «bubbla2» и так далее ... Я пост мой HTML:

<button onclick="myFunction()">Ny Boll</button> 
<script> 
function myFunction() { 
var elmnt = document.getElementsByTagName("DIV") [2]; 
var cln = elmnt.cloneNode(true); 
document.body.appendChild(cln); 
cln.id = "bubbla1" ; 
} 
</script> 

Answer 1

вы можете использовать счетчик для отслеживания количества дивы вы добавили на страницу, увеличивается на единицу каждый раз, и добавляя в общей сложности идентификатор DIV , вот так;

<button onclick="myFunction()">Ny Boll</button> 
<script> 
    var counter = 1; 
    function myFunction() { 
    var elmnt = document.getElementsByTagName("DIV") [2]; 
    var cln = elmnt.cloneNode(true); 
    document.body.appendChild(cln); 
    cln.id = "bubbla" + counter ; 
    counter++; 
    } 
</script>