furnitureStore

function solve() {
    const model = document.getElementById('model');
    const year = document.getElementById('year');
    const description = document.getElementById('description');
    const price = document.getElementById('price');

    const btnAdd = document.getElementById('add');

    const tbody = document.getElementById('furniture-list');
    const totalPrice = document.querySelector('td.total-price');

    btnAdd.addEventListener('click', (e) => {
        e.preventDefault();
        if (
            !model.value ||
            !year.value ||
            !description.value ||
            !price.value ||
            isNaN(price.value) ||
            Number(price.value) < 0 ||
            isNaN(year.value) ||
            Number(year.value) < 0
        ) {
            return;
        }
        let newTr1 = document.createElement('tr');
        newTr1.className = 'info';
        let newTdModel = document.createElement('td');
        newTdModel.textContent = model.value;
        newTr1.appendChild(newTdModel);
        let newTdPrice = document.createElement('td');
        newTdPrice.textContent = Number(price.value).toFixed(2);
        newTr1.appendChild(newTdPrice);
        let newBtnsTd = document.createElement('td');
        let btnMoreInfo = document.createElement('button');
        btnMoreInfo.textContent = 'More Info';
        btnMoreInfo.className = 'moreBtn';
        newBtnsTd.appendChild(btnMoreInfo);
        let btnBuyIt = document.createElement('button');
        btnBuyIt.textContent = 'Buy it';
        btnBuyIt.className = 'buyBtn';
        newBtnsTd.appendChild(btnBuyIt);
        newTr1.appendChild(newBtnsTd);
        tbody.appendChild(newTr1);

        let newTr2 = document.createElement('tr');
        newTr2.className = 'hide';
        let newTdYear = document.createElement('td');
        newTdYear.textContent = 'Year: ' + year.value;
        newTr2.appendChild(newTdYear);
        let newTdDescription = document.createElement('td');
        newTdDescription.colSpan = 3;
        newTdDescription.textContent = 'Description: ' + description.value;
        newTr2.appendChild(newTdDescription);
        tbody.appendChild(newTr2);

        model.value = '';
        year.value = '';
        description.value = '';
        price.value = '';

        btnMoreInfo.addEventListener('click', (e) => {
            if (e.target.textContent === 'More Info') {
                e.target.textContent = 'Less Info';
                newTr2.style.display = 'contents';
            } else {
                e.target.textContent = 'More Info';
                newTr2.style.display = 'none';
            }
        });
        btnBuyIt.addEventListener('click', (e) => {
            totalPrice.textContent = (
                Number(totalPrice.textContent) + Number(newTdPrice.textContent)
            ).toFixed(2);
            tbody.removeChild(newTr1);
            tbody.removeChild(newTr2);
        });
    });
}