function solve() {
    let name= document.querySelector("#container > input[type=text]:nth-child(1)");
    let age=document.querySelector("#container > input[type=text]:nth-child(2)");
    let kind=document.querySelector("#container > input[type=text]:nth-child(3)");
    let currentOwner=document.querySelector("#container > input[type=text]:nth-child(4)");
    let addButton=document.querySelector("#container > button");
    let addoptionList=document.querySelector("#adoption > ul");
     addButton.addEventListener("click", function (e) {
         e.preventDefault()
         if (name.value!== "" && age.value!== "" && kind.value!== "" && currentOwner.value!== "" ) {
             let contactOwnerBtn=document.createElement("button");
             contactOwnerBtn.textContent="Contact with owner";
let li=document.createElement("li")
let p=document.createElement("p");

let nameStrong=document.createElement("strong");
nameStrong.textContent=name.value
let ageStrong=document.createElement("strong");
ageStrong.textContent=age.value
let kindStrong=document.createElement("strong");
kindStrong.textContent=kind.value
p.appendChild(nameStrong);
p.textContent+=" is a ";
p.appendChild(ageStrong);
p.textContent+= " year old ";
p.appendChild(kindStrong)
let span=document.createElement("span")
span.textContent=`Owner: ${currentOwner.value}`

li.appendChild(p)
li.appendChild(span)
addoptionList.appendChild(li)
let petName=name.value;
let petAge=age.value;
let petKind=kind.value;
let petCurrentOwner=currentOwner.value
name.value= "";
 age.value= "";
  kind.value= "";
   currentOwner.value= ""
li.appendChild(contactOwnerBtn)
contactOwnerBtn.addEventListener("click", function () {
    li.removeChild(contactOwnerBtn)
let yesBtn=document.createElement("button");
yesBtn.textContent="Yes, I take it";
let input=document.createElement("input");
input.placeholder="Enter your names"
let div=document.createElement("div")
div.appendChild(input);
div.appendChild(yesBtn);
li.appendChild(div);
yesBtn.addEventListener("click", function () {
    let newOwner=document.querySelector("#adoption > ul > li > div > input").value;
    addoptionList.removeChild(li)
    span.textContent=`New Owner: ${newOwner}`
let newHome=document.getElementById("adopted");
newHome.appendChild(li)
li.removeChild(div);
let checkedBtn=document.createElement("button");
checkedBtn.textContent="checked"
li.appendChild(checkedBtn)
    console.log(petName)
})
})
//console.log(name.value)

         }

     })

}