function solve() {
   let addBtn=document.querySelector("#container > button");
   addBtn.addEventListener("click", addPet)


function addPet(e) {
    e.preventDefault();
    let nameInput=document.querySelector("#container > input[type=text]:nth-child(1)");
    let ageInput=document.querySelector("#container > input[type=text]:nth-child(2)");
    let kindInput=document.querySelector("#container > input[type=text]:nth-child(3)");
    let ownerInput=document.querySelector("#container > input[type=text]:nth-child(4)");
    if (nameInput.value !=="" && !isNaN(ageInput.value) && kindInput.value !=="" && ownerInput.value !=="") {


        let name=nameInput.value;
        let age=ageInput.value;
        let kind=kindInput.value;
        let owner=ownerInput.value;
        nameInput.value="";
        ageInput.value="";
        kindInput.value="";
        ownerInput.value="";
        let li=document.createElement("li");
        let p=document.createElement("p");
        let span=document.createElement("span");
        let contactBtn=document.createElement("button");
        p.innerHTML=`<strong>${name}</strong> is a <strong>${age}</strong> year old <strong>${kind}</strong>`;
        span.textContent=`Owner: ${owner}`
        contactBtn.textContent="Contact with owner"
        contactBtn.addEventListener("click", contactOwner)
        li.appendChild(p);
        li.appendChild(span);
        li.appendChild(contactBtn);
        let ul=document.querySelector("#adoption > ul");
        ul.appendChild(li);
    }
    //console.log("test")
}
function contactOwner() {
    let div=document.createElement("div");
    let input=document.createElement("input");
    let yesBtn=document.createElement("button");
    input.placeholder="Enter your names";
    yesBtn.textContent="Yes! I take it!";
    div.appendChild(input);
    div.appendChild(yesBtn);
    let li=this.parentNode;
    li.removeChild(li.childNodes[2]);
    li.appendChild(div)
    yesBtn.addEventListener("click", newOwner)
   // console.log(li.childNodes[2])
}

function newOwner() {

    let li=this.parentNode.parentNode;
    let ownerSpan=li.childNodes[1];
    let div=li.childNodes[2];
    let newOwner=div.childNodes[0].value
    let newOwnerSpan=document.createElement("span");
    newOwnerSpan.textContent =`New Owner: ${newOwner}`;

    //ownerSpan.textContent=`New Owner: ${newOwner}`
    //console.log(ownerSpan)
    let adoptedList=document.querySelector("#adopted > ul");
div.remove()
ownerSpan.remove()
li.appendChild(newOwnerSpan);
   // this.parentNode.parentNode.remove()
    adoptedList.appendChild(li)
    console.log(ownerSpan, div);
}




}