08. Furniture Exercise: DOM

function solve() {
  let [generateButton, buyButton] = document.getElementsByTagName('button');

  generateButton.addEventListener('click', () => {
    let furnitures = JSON.parse(document.querySelector('textarea').value);
    document.querySelector('tbody').querySelector('input').disabled = false;
    for (let furniture of furnitures) {
      let newRow = document.createElement('tr');
      newRow.innerHTML = `<td><img src="${furniture.img}"></td><td><p>${furniture.name}</p></td><td><p>${furniture.price}</p></td><td><p>${furniture.decFactor}</p></td><td><input type="checkbox" /></td>`
      document.querySelector('tbody').appendChild(newRow)
    }
  });

  buyButton.addEventListener('click', () => {
    let totalPrice = 0;
    let totalDecFactor = 0;
    boughtFurnitures = [];
    let selectedFurnitures = document.querySelector('tbody').getElementsByTagName('tr');
    for (let furniture of selectedFurnitures) {
      if (furniture.querySelector('input').checked === true) {
        boughtFurnitures.push(furniture.getElementsByTagName('td')[1].textContent);
        totalPrice += Number(furniture.getElementsByTagName('td')[2].textContent);
        totalDecFactor += Number(furniture.getElementsByTagName('td')[3].textContent);
      }
    }
    let averageDecFactor = totalDecFactor / boughtFurnitures.length;
    document.getElementsByTagName('textarea')[1].value = `Bought furniture: ${boughtFurnitures.join(', ')}\nTotal price: ${totalPrice.toFixed(2)}\nAverage decoration factor: ${averageDecFactor}`;
  });
}