Guest User

Untitled

a guest
Aug 5th, 2023
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.    let makeEl = document.getElementById("make");
  3.    let modelEl = document.getElementById("model");
  4.    let yearEl = document.getElementById("year");
  5.    let fuelEl = document.getElementById("fuel");
  6.    let priceEl = document.getElementById("original-cost");
  7.    let sellEl = document.getElementById("selling-price");
  8.    
  9.    let publishBtn = document.getElementById("publish");
  10.    let currDif = 0;
  11.  
  12.    publishBtn.addEventListener("click", publish);
  13.    function publish(e) {
  14.      e.preventDefault();
  15.  
  16.      if (makeEl.value === ""
  17.      || modelEl.value === ""
  18.      || yearEl.value === ""
  19.      || priceEl.value === ""
  20.      || sellEl.value === ""
  21.      || fuelEl.value === "") {
  22.        return
  23.      };
  24.  
  25.      if (priceEl.value < 0 || sellEl.value < 0 || priceEl.value >= sellEl.value) {
  26.        return;
  27.      }
  28.  
  29.      let make = makeEl.value;
  30.      let model = modelEl.value;
  31.      let year = yearEl.value;
  32.      let fuel = fuelEl.value;
  33.      let price = priceEl.value;
  34.      let sell = sellEl.value;
  35.  
  36.      let tBody = document.getElementById("table-body");
  37.      let row = document.createElement("tr");
  38.     // row.setAttribute("class", "row")
  39.      //row.classList.add("row")
  40.      row.className = "row"
  41.  
  42.      let tdMake = document.createElement("td");
  43.      tdMake.textContent = make;
  44.  
  45.      let tdModel = document.createElement("td");
  46.      tdModel.textContent = model;
  47.  
  48.      let tdYear = document.createElement("td");
  49.      tdYear.textContent = year;
  50.  
  51.      let tdFuel = document.createElement("td");
  52.      tdFuel.textContent = fuel;
  53.  
  54.      let tdPrice = document.createElement("td");
  55.      tdPrice.textContent = price;
  56.  
  57.      let tdSell = document.createElement("td");
  58.      tdSell.textContent = sell;
  59.  
  60.      let tdBtns = document.createElement("td");                             //change 1                     
  61.      let editBtn = document.createElement("button");
  62.      editBtn.textContent = "Edit";
  63.      editBtn.className = "action-btn edit"
  64.  
  65.      let sellBtn = document.createElement("button");
  66.      sellBtn.textContent = "Sell";
  67.      sellBtn.className = "action-btn sell"
  68.  
  69.      row.appendChild(tdMake);
  70.      row.appendChild(tdModel);
  71.      row.appendChild(tdYear);
  72.      row.appendChild(tdFuel);
  73.      row.appendChild(tdPrice);
  74.      row.appendChild(tdSell);
  75.      tdBtns.appendChild(editBtn);                                           //change 1
  76.      tdBtns.appendChild(sellBtn);                                           //change 1
  77.      row.appendChild(tdBtns);                                               //change 1
  78.  
  79.      tBody.appendChild(row);
  80.  
  81.      makeEl.value = ""
  82.      modelEl.value = ""
  83.      yearEl.value = ""
  84.      fuelEl.value = ""
  85.      priceEl.value = ""
  86.      sellEl.value = ""
  87.  
  88.      editBtn.addEventListener("click", edit)
  89.  
  90.      function edit(e) {
  91.  
  92.        document.getElementsByClassName("action-btn edit").disabled = true;
  93.        makeEl.value = make;
  94.        modelEl.value = model;
  95.        yearEl.value = year;
  96.        fuelEl.value = fuel;
  97.        priceEl.value = price;
  98.        sellEl.value = sell;
  99.        row.parentNode.removeChild(row);                                     //change 2
  100.      }
  101.  
  102.      sellBtn.addEventListener("click", sellComm)
  103.  
  104.      function sellComm(e) {
  105.        let ul = document.getElementById("cars-list");
  106.        let li = document.createElement("li");
  107.        li.className = "each-list"
  108.        let span1 = document.createElement("span");
  109.        span1.textContent = `${make} ${model}`;
  110.  
  111.        let span2 = document.createElement("span");
  112.        span2.textContent = year;
  113.  
  114.        let span3 = document.createElement("span");
  115.        span3.textContent = Number(sell) - Number(price);
  116.  
  117.        li.appendChild(span1);
  118.        li.appendChild(span2);
  119.        li.appendChild(span3);
  120.        ul.appendChild(li);                                                  //change 3
  121.        let profitField = document.getElementById("profit")
  122.        let difference = Number(sell) - Number(price);
  123.        currDif += difference
  124.        profitField.textContent = currDif.toFixed(2)                         //change 4
  125.        row.parentNode.removeChild(row);                                     //change 2
  126.      }
  127.    }
  128.  }
Advertisement
Add Comment
Please, Sign In to add comment