function solve() { let btns=Array.from(document.getElementsByTagName("button")); let btnGenerate=btns[0]; let btnBuy=btns[1]; let inputField=document.getElementsByTagName("textarea")[0]; let boughtField=document.getElementsByTagName("textarea")[1]; let tbl=document.getElementsByTagName("table")[0]; btnGenerate.addEventListener("click", function(){ let newProductArr=JSON.parse(inputField.value); newProductArr.forEach(prod => { let newRow=document.createElement("tr"); let imgTd=document.createElement("td"); let im=document.createElement("img"); im.src=prod["img"]; imgTd.appendChild(im); let nameTd=document.createElement("td"); nameTd.textContent=prod["name"];; let priceTd=document.createElement("td"); priceTd.textContent=prod["price"];; let decorationTd=document.createElement("td"); decorationTd.textContent=prod["decFactor"]; let markTd = document.createElement('input'); markTd.type = "checkbox"; markTd.className="chbk"; newRow.appendChild(imgTd); newRow.appendChild(nameTd); newRow.appendChild(priceTd); newRow.appendChild(decorationTd); newRow.appendChild(markTd); tbl.appendChild(newRow); }); }) btnBuy.addEventListener("click", function(){ let total=0; let furnitureBought=[]; let totaldecFr=0; let chbks=Array.from(document.getElementsByClassName("chbk")); chbks.forEach(element => { if(element.checked){ furnitureBought.push(element.parentNode.children[1].innerText); total+=Number(element.parentNode.children[2].innerText); totaldecFr+=Number(element.parentNode.children[3].innerText) } }); boughtField.value=`Bought furniture: ${furnitureBought.join(", ")}\nTotal price: ${total}\nAverage decoration factor: ${(totaldecFr/furnitureBought.length).toFixed(2)}` }); }