Показать сообщение отдельно
  #10 (permalink)  
Старый 24.08.2012, 16:18
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от 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>
Ответить с цитированием