document.addEventListener('DOMContentLoaded', function () {
    console.log('DOM');

    var button1 = document.querySelector('#button-1');
    var button2 = document.querySelector('#button-2');
    var button3 = document.querySelector('#button-3');
    var lisy = document.querySelectorAll('li');
    console.log(lisy);
    var ul = document.querySelector('ul');


    console.log(button1);

    button1.addEventListener('click', function () {
        var li = document.createElement('li');
        li.innerText = 'Chleb';
        ul.appendChild(li);
    })
    button2.addEventListener('click', function () {
        ul.removeChild(ul.lastChild);
    })
    button3.addEventListener('click', function () {
        var toClone = lisy[1];
        var newDiv = toClone.cloneNode(true);
        ul.appendChild(newDiv);
        /* skopiowaliśmy element wraz z całą jego zawartością */
    })



})