带有javascript的随机div生成器

Question

我编写了一个函数，它可以在单击按钮时以随机颜色和不同位置创建div。但我希望我创建的每个div在单独单击时都被删除。我该怎么做？Wrapper是我的常用div，它中的所有内容都是

Answer 1

很简单，只需在appendChild之后添加addEventListener和remove，如：

function RandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
function Top() {
return Math.floor((Math.random() * 700) + 200) + "px";
}
function Left() {
return Math.floor((Math.random() * 300) + 200) + "px";
}
function addDiv() {
var div = document.createElement("div");
div.className = 'box';
div.style.left = Left();
div.style.top = Top();
div.style.background = RandomColor();
document.querySelector('.wrapper').appendChild(div);
div.addEventListener('click', (e) => {
e.target.remove();
});

}
document.querySelector('button').addEventListener('click', addDiv);

div{
width:50px;
height:50px;
display:inline-block;
}

<div class='wrapper'></div>
<button>pressme</button>

Answer 2

只需将这一行添加到您的"addDiv"；功能：

div.onclick = function(){this.remove();};