Сообщение от dmitry111
|
bes,
вы издеваетесь
|
Так-то нет
<button>создать новый элемент</button>
<button>удалить все</button>
<button>удалить последний</button>
<div id="div"></div>
<script>
window.onload = function () {
var div = document.getElementById('div');
var w = window.innerWidth - 20;
var h = window.innerHeight - 20;
function colorw() {
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
return "rgb(" + r + ", " + g + ", " + b + ")";
}
function create() {
var a = document.createElement("div");
a.style.width = "20px";
a.style.height = "20px";
a.style.position = "absolute";
a.style.borderRadius = "5px";
a.style.top = Math.round(Math.random()*h) + "px";
a.style.left = Math.round(Math.random()*w) + "px";
a.style.background = colorw();
div.appendChild(a);
}
document.body.children[0].onclick = function () {
create();
}
document.body.children[1].onclick = function () {
div.innerHTML = '';
}
document.body.children[2].onclick = function () {
if (div.lastChild) {
div.removeChild(div.lastChild);
}
}
}
</script>