我想增加每次点击的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>
答案 0 :(得分:0)
应该是这样的:
button.addEventListener('click', function() {
var addItem = newItem.replace('%id%', id);
circle.insertAdjacentHTML('beforeend', addItem);
id++;
});
您需要在点击事件中增加ID。