Показать сообщение отдельно
  #1 (permalink)  
Старый 01.01.2016, 14:06
Интересующийся
Отправить личное сообщение для JoeCocker Посмотреть профиль Найти все сообщения от JoeCocker
 
Регистрация: 23.12.2014
Сообщений: 23

Удаление объекта по клику
Люди, поможите, кто-нибудь!)

Мой скрипт создает сотню дивов, так же есть рабочая кнопка "+1 див".
Но вот я бы хотел что бы при нажатии на див, он удалялся. На jquery я бы это легко сделал, но хочется научиться на ванильном JS.
Научите пожалуйста, как это делается?


<div id="container">
 
</div>

<button onClick="addNode()">+1 circle</button>


var container = document.getElementById('container');
	var div = document.getElementsByClassName('circle');

 	// add div in container
	var addNode = function() {
		div = document.createElement('div');
			div.className = 'circle';
		container.appendChild(div);
	};

	// how much? 100
	for(i = 0; i < 100; i++) {
		addNode();
	}   


	div.onClick = function(event) {
		console.log(this.event);
	};
Ответить с цитированием