javascript为每次点击增加ID

Question

我想为每次点击增加ID。 我花了2个小时，但不知怎么做。

 var app = document.getElementById('app'); var circle = document.querySelector('.mny-circle'); var item = document.querySelector('.mny-item'); var button = document.querySelector('.mny-btn'); var id = 0; var UIcontroller = function() { var newItem = '<div id="item-%id%" class="mny-item">Deneme</div>'; var addItem = newItem.replace('%id%', id); var clickbtn = function() { button.addEventListener('click', function() { circle.insertAdjacentHTML('beforeend', addItem); }); id++; } clickbtn(); } UIcontroller(); 

 <div id="app"> <button class="btn btn-sm btn-warning mny-btn">Click</button> <div class="mny-circle"></div> </div> 

Answer 1

应该是这样的：

 button.addEventListener('click', function() {
  var addItem = newItem.replace('%id%', id);
  circle.insertAdjacentHTML('beforeend', addItem);
  id++;
});

您需要在click事件中增加ID。

Answer 2

这个给你。

 var app = document.getElementById('app'); var circle = document.querySelector('.mny-circle'); var item = document.querySelector('.mny-item'); var button = document.querySelector('.mny-btn'); var UIcontroller = function() { var id = 0; var newItem = '<div id="item-%id%" class="mny-item">Deneme</div>'; var clickbtn = function() { button.addEventListener('click', function() { circle.insertAdjacentHTML('beforeend', newItem.replace('%id%', id)); id++; }); } clickbtn(); } UIcontroller(); 

 <div id="app"> <button class="btn btn-sm btn-warning mny-btn">Click</button> <div class="mny-circle"></div> </div>