Calculations in javascript

See more:

Javascript

I have a shopping cart that allows users to select their desired items using a checkbox. The values show but the total does not increase.

<pre>function subTotalEntry() {
  let total = document.getElementById('entryTotal');

  let price = document.querySelector('.first-entry').innerHTML;
  
  let qty = document.querySelector('.entryQty').checked;
    
  let cageSize = document.querySelector('.firstCageSize').value;
  
  let smCagePrice = document.querySelector('.small-cage').innerHTML;
  
  let lrgCagePrice = document.querySelector('.large-cage').innerHTML;
  
  if (qty && cageSize == 'small') {
      total.value = Number(price) * Number(qty) + Number(smCagePrice);
  } else if (qty && cageSize == 'large') {
      total.value = Number(price) * Number(qty) + Number(lrgCagePrice);
  } else if (qty && cageSize == 'BYO') {
      total.value = Number(price) * Number(qty);
  } else {
      total.value = Number(price) * Number(qty);
  }
  console.log(total.value);
  grandTotal();

}

What I have tried:

I have tried adding the Number(total.value) to each if statement but the values only increase incorrectly and does not decrease.