//Co oznaca poniższy kod dowiecie się w dalszej części modułu
document.addEventListener("DOMContentLoaded", function () {

	var firstArticle = document.querySelector('article.first');
	var headersInArticle = firstArticle.querySelectorAll('h2');

	console.log(firstArticle);
	console.log(headersInArticle.length);

	////
	var offers = firstArticle.getElementsByClassName('oferts');

	for (var i = 0; i < offers.length; i++) {
		console.log(offers[i], 'offer: ' + (i + 1));
	}

	////
	var divs = firstArticle.querySelectorAll('div');

	for (var i = 0; i < divs.length; i++) {
		console.log(divs[i], 'div: ' + (i + 1));
	}

	//Zadanie 2
	var ex2 = document.querySelector('ul li:nth-child(5) a');
	console.log(ex2, 'ex2');
});