我想要一个填充了背景颜色的div，并且无论我单击哪里，屏幕上都会出现固定尺寸（宽度和高度）。但是，如果屏幕上有10个div，我想停止能够创建一个div，当我点击页面并有一条消息（警告）告诉我“我已经完成”。
非常感谢你。
请参阅下面的示例。
var numOfDivs = 0;
document.addEventListener("click", function (e) {
if (numOfDivs < 10) {
var d = document.createElement("DIV");
d.style.top = e.clientY + "px";
d.style.left = e.clientX + "px";
document.body.appendChild(d);
numOfDivs++;
} else {
alert("Done");
}
});div {
position: absolute;
width: 50px;
height: 50px;
background-color: red;
transform: translateX(-50%) translateY(-50%);
}<html>
<body>
</body>
</html>