每次点击都会增加javascript的ID

时间:2017-11-23 22:52:45

标签: javascript

我想增加每次点击的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>

1 个答案:

答案 0 :(得分:0)

应该是这样的:

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

您需要在点击事件中增加ID。