function solve() {
    let buttonElement = document.querySelector('#container button');
    let inputElements = Array.from(document.querySelectorAll('#container input'));
    let [nameElement, ageElement, kindElement, ownerElement] = inputElements;
    let adoptionUlElemet = document.querySelector('#adoption > ul');
    let adoptedUlElement = document.querySelector('#adopted > ul')

    buttonElement.addEventListener('click', e => {
        //Check if all inputs are filled
        e.preventDefault();
        if(!inputElements.every(x => x.value)) {
            return;
        }

        //Check if age is number
        if(!parseInt(ageElement.value)) {
            return;
        }

        //Add list element
        let liElement = document.createElement('li');
        let pElement = document.createElement('p');
        let spanElement = document.createElement('span');
        let buttonElement = document.createElement('button');

        spanElement.innerHTML = `Owner: ${ownerElement.value}`;
        buttonElement.innerHTML = 'Contact with owner'

        pElement.innerHTML = `<p><strong>${nameElement.value}</strong> is a <strong>${ageElement.value}</strong> years old <strong>${kindElement.value}</strong></p>`;
        liElement.appendChild(pElement);
        liElement.appendChild(spanElement);
        liElement.appendChild(buttonElement);

        adoptionUlElemet.appendChild(liElement);

        //Clear the input
        nameElement.value = '';
        ageElement.value = '';
        ownerElement.value = '';
        kindElement.value = '';

        //Attach event handler
        buttonElement.addEventListener('click', e => {
            let parent = e.currentTarget.parentElement;

            e.currentTarget.remove();

            let divElement = document.createElement('div');
            let inputElement = document.createElement('input');
            let takeItButtonElement = document.createElement('button');

            inputElement.setAttribute('placeholder', 'Enter your names');
            takeItButtonElement.innerHTML = 'Yes! I take it!';

            divElement.appendChild(inputElement);
            divElement.appendChild(takeItButtonElement);
            parent.appendChild(divElement);

            takeItButtonElement.addEventListener('click', e => {
                if(!inputElement.value) {
                    console.log('You wont take it!');
                    return;
                }

                let petLiElement = e.currentTarget.parentElement.parentElement;

                let newOwnerName = petLiElement.querySelector('input').value;
                let newSpanNameElement = petLiElement.querySelector('span');

                newSpanNameElement.innerHTML = `New owner is ${newOwnerName}`;

                let oldDiv = petLiElement.querySelector('div');
                oldDiv.remove();

                let checkedButton = document.createElement('button');
                checkedButton.innerHTML = 'Checked!';

                petLiElement.appendChild(checkedButton);
                petLiElement.appendChild(newSpanNameElement);
                adoptedUlElement.appendChild(petLiElement);

                checkedButton.addEventListener('click', e => {
                    let checkedPet = e.currentTarget.parentElement;
                    checkedPet.remove();
                });
            });
        });
    });
}