/**
 * Created by Jacek on 2016-01-12.
 */

window.addEventListener('DOMContentLoaded', function() {
    // 1
    var first = document.querySelector('.first');
    var child = first.firstElementChild
    var grandson = child.children[2];

    console.log('First: ', first);
    console.log('child: ', child);
    console.log('grandson: ', grandson);

    // 2
    var second = document.querySelector('#second');
    var secondParent = second.parentElement;
    var fourthChild = secondParent.children[3];

    console.log('fourthChild', fourthChild);

    // 3
    var dataExElem = document.querySelector('[data-ex="third"]');
    var dataExGrandpa = dataExElem.parentElement.parentElement;
    var children = dataExGrandpa.lastElementChild.firstElementChild.children

    var middleChild = children[ Math.floor(children.length / 2) ];
    console.log('middleChild: ', middleChild);

    // 4
    var fourthDiv = document.querySelector('div.forth').parentElement;
    var article = fourthDiv.querySelector('article');
    var paragraph = article.querySelector('p:nth-of-type(2)');
    console.log('paragraph:', paragraph);

});