06. Table – Search Engine Exercise: DOM

//First decision: 100/100
function solve() {
   function findElements() {
      let inputElement = document.getElementById('searchField');
      let searchedText = inputElement.value;
      inputElement.value = null;
      let bodyElements = [...document.getElementsByTagName('tbody')[0].getElementsByTagName('tr')];
      bodyElements.forEach(el => el.removeAttribute('class'))
      if (searchedText !== '') {
         bodyElements.forEach(row => {
            [...row.getElementsByTagName('td')].forEach(cell => {
               if (cell.textContent.includes(searchedText)) { cell.parentElement.setAttribute('class', 'select') }
            })
         });;
      }
   }
   document.querySelector('button').addEventListener('click', findElements);
}


//Second decision: 16/100
//Unexpected error: First row has different class name: expected '' to equal 'select'
function solve() {
   document.querySelector('button').addEventListener('click', findElements = () => {
      let inputElement = document.getElementById('searchField');
      let searchedText = inputElement.value;
      inputElement.value = null;
      let bodyElements = document.querySelectorAll('tbody tr');
      bodyElements.forEach(el => el.removeAttribute('class'));
      if (searchedText !== '') {
         bodyElements.forEach(row => {
            row.querySelectorAll('td').forEach(cell => {
               if (cell.textContent.includes(searchedText)) { cell.parentElement.setAttribute('class', 'select') }
            })
         });;
      }
   })
}