2DartScoring

function solve() {
    //TODO

    const BtnAdd=document.getElementById('add-btn');
  const UlSure= document.getElementById('sure-list');
  const UlScore=document.getElementById('scoreboard-list');

  const BtnClear= document.querySelector('#players-container button');
    //input fields
   const ElPlayer=document.getElementById('player');
   const ElScore= document.getElementById('score');
   const Elround=document.getElementById('round');

   BtnAdd.addEventListener('click',()=>{

    const Elp1=document.createElement('p');
    Elp1.textContent=ElPlayer.value;
    const Elp2=document.createElement('p');
    Elp2.textContent=`Score: ${ElScore.value}`

    const Elp3=document.createElement('p');
    Elp3.textContent=`Round: ${Elround.value}`;

    const Article= document.createElement('article');
    Article.appendChild(Elp1);
    Article.appendChild(Elp2);
    Article.appendChild(Elp3);

    const BtnEdit= document.createElement('button');
    BtnEdit.classList.add('btn','edit');
    BtnEdit.textContent='edit';

    const BtnOk= document.createElement('button');
    BtnOk.classList.add('btn','ok');
    BtnOk.textContent='ok';


    const liElement=document.createElement('li');
    liElement.classList.add('dart-item');

    liElement.appendChild(Article);
    liElement.appendChild(BtnEdit);
    liElement.appendChild(BtnOk);

    UlSure.appendChild(liElement);

    ElPlayer.value='';
    ElScore.value='';
    Elround.value='';
    BtnAdd.setAttribute('disabled', 'disabled');

    BtnEdit.addEventListener('click',()=>{
      ElPlayer.value=Elp1.textContent;
      ElScore.value= Elp2.textContent.substring(7);
      Elround.value=Elp3.textContent.substring(7);

      UlSure.removeChild(liElement);
      BtnAdd.removeAttribute('disabled');
    })

    BtnOk.addEventListener('click',()=>{

      UlScore.appendChild(liElement);
      liElement.removeChild(BtnOk);
      liElement.removeChild(BtnEdit);
      BtnAdd.removeAttribute('disabled');
    })

   })

   BtnClear.addEventListener('click',()=>{
    UlSure.innerHTML='';
    UlScore.innerHTML='';
   })

  }