01.Car Dealers 25 June exam

function solve() {
  const info = {
    makeElement: document.getElementById('make'),
    modelElement: document.getElementById('model'),
    yearElement: document.getElementById('year'),
    fuelElement: document.getElementById('fuel'),
    costElement: document.getElementById('original-cost'),
    sellPriceElement: document.getElementById('selling-price'),
  }

  document.getElementById('publish').addEventListener('click', publish);

  function publish(e) {
    e.preventDefault();

    for (const key in info) {
      if (info[key].value === '') {
        return;
      }
    }

    if (Number(info.costElement.value) >= Number(info.sellPriceElement.value)) {
      return;
    }

    let backUpData = {};

    for (const key in info) {
      backUpData[key] = info[key].value;
    }

    let rowElement = document.createElement('tr');
    rowElement.className = 'row';
    document.getElementById('table-body').appendChild(rowElement);
    rowElement.innerHTML = `
    <td>${info.makeElement.value}</td>
    <td>${info.modelElement.value}</td>
    <td>${info.yearElement.value}</td>
    <td>${info.fuelElement.value}</td>
    <td>${info.costElement.value}</td>
    <td>${info.sellPriceElement.value}</td>
    `;

    let buttonTd = document.createElement('td');
    rowElement.appendChild(buttonTd);

    const editBtnEl = document.createElement('button');
    editBtnEl.classList.add('action-btn', 'edit');
    editBtnEl.textContent = 'Edit';
    buttonTd.appendChild(editBtnEl);

    const sellBtnEl = document.createElement('button');
    sellBtnEl.classList.add('action-btn', 'sell');
    sellBtnEl.textContent = 'Sell';
    buttonTd.appendChild(sellBtnEl);

    for (const key in info) {
      info[key].value = '';
    }

    editBtnEl.addEventListener('click', edit);

    function edit(e) {
      e.preventDefault();

      document.querySelector('tr.row').remove();
      for (const key in info) {
        info[key].value = backUpData[key];
      }
    }

    sellBtnEl.addEventListener('click', sell);

    function sell(e) {
      e.preventDefault();

      document.querySelector('tr.row').remove();

      let currentProfit = Number(backUpData.sellPriceElement) - Number(backUpData.costElement);
      document.getElementById('cars-list').innerHTML += `
      <li class="each-list">
      <span>${backUpData.makeElement} ${backUpData.modelElement}</span>
      <span>${backUpData.yearElement}</span>
      <span>${currentProfit}</span>
      </li>`

      let totalProfit = Number(document.getElementById('profit').textContent) + currentProfit;
      document.getElementById('profit').textContent = totalProfit.toFixed(2);
    }
  }
}