document.getElementsByClassName в JS

[Bread]

Нужна помощь.
Я хочу сделать так что бы при клик по всем классам "ok" они окрашивались в например зелёный цвет. Как это сделать на чистом JS?
Желательно хотелось бы без onclick в HTML.

[j0hnik]

<div class="green">1</div>
<div class="green">2</div>
<div class="green">3</div>
	<script>
[].forEach.call(document.getElementsByClassName('green'), function(el){
	el.onclick = function(){
		el.style.backgroundColor = 'green';
	};
});
	</script>

[Bread]

Ещё бы при клике цвет сбрасывался.

[j0hnik]

<div class="green">1</div>
<div class="green">2</div>
<div class="green">3</div>
	<script>
[].forEach.call(document.getElementsByClassName('green'), function(el){
	el.onclick = function(){
		el.style.backgroundColor = el.style.backgroundColor =='green'?'':'green';
	};
});
	</script>

[Bread]

Спасибо большое