function solve(){

  let form = document.querySelector('form')

 let listSection = document.getElementById('list')
 let sentSection = document.querySelector('.sent-list')
 let deleteSection = document.querySelector('.delete-list')

 form.children[6].children[1].addEventListener('click', onReset)
 function onReset(e){
  e.preventDefault()
  form.children[1].value = ''
  form.children[3].value = ''
  form.children[5].value = ''
 }

 form.children[6].children[0].addEventListener('click', onNext)
 function onNext(e){
  e.preventDefault()

if(!form.children[1].value || !form.children[3].value || !form.children[5].value) return
listSection.innerHTML += `<li>
<h4>Title: ${form.children[3].value}</h4>
<h4>Recipient Name: ${form.children[1].value}</h4>
<span>${form.children[5].value}</span>
<div id="list-action">
    <button type="submit" id="send">Send</button>
    <button type="submit" id="delete">Delete</button>
</div>
</li>
`
var nodeListSend = document.querySelectorAll('#send');
var nodeListDel1 = document.querySelectorAll('#delete');
 for (let i = 0; i < nodeListDel1.length; i++) {
        nodeListSend[i].addEventListener('click', onSend);
        nodeListDel1[i].addEventListener('click', clearOne);
}

//let newArr = [form.children[1].value, form.children[3].value, form.children[5].value]
form.children[1].value = ''
  form.children[3].value = ''
  form.children[5].value = ''

//document.getElementById('send').addEventListener('click', onSend)
function onSend(e){
  e.preventDefault()
  let currentMail = e.target.parentNode.parentNode;
  let currentTitleRecipient = currentMail.querySelectorAll("h4");

  sentSection.innerHTML += `<li>
  <span>To: ${currentTitleRecipient[1].textContent.split(": ")[1]}</span>
  <span>${currentTitleRecipient[0].textContent}</span>
  <div class="btn">
      <button type="submit" class="delete">Delete</button>
  </div>
</li>
  `
  var nodeListDel2 = document.querySelectorAll('.delete');
  for (let i = 0; i < nodeListDel2.length; i++) {
        nodeListDel2[i].addEventListener('click', clearTwo);
}
  //addEventListener('click', clearTwo)
  //listSection.innerHTML = ''
  currentMail.remove();
  e.preventDefault();
}
  //document.getElementById('delete').addEventListener('click', clearOne)
  function clearOne(e){
    e.preventDefault()
   onDelete(e, 1)
   let currentMail = e.target.parentNode.parentNode;
   currentMail.remove();
  //  listSection.innerHTML = ''
  }
  //document.querySelector('.delete').addEventListener('click', clearTwo)
  function clearTwo(e){
    e.preventDefault()
   onDelete(e, 2)
    let currentMail = e.target.parentNode.parentNode;
   currentMail.remove();
 //  sentSection.innerHTML = ''
  }
 function onDelete(e, type){
  let currentData = e.target.parentElement.parentElement;
  let dataArr = []
  if (type == 1){
      dataArr = [currentData.children[1].textContent.split(': ')[1], currentData.children[0].textContent.split(': ')[1]]
  }
  else{
      dataArr = [currentData.children[0].textContent.split(': ')[1], currentData.children[1].textContent.split(': ')[1]]
  }

  deleteSection.innerHTML += `
  <li>
      <span>To: ${dataArr[0]}</span>
      <span>Title: ${dataArr[1]}</span>
  </li>`
 }
}
}