使用純Java腳本的購物車項目

Question

我正在嘗試獲取此代碼來計算我的購物車項目的總額，但它只是將兩個價格串聯在一起

我嘗試制作單獨的變量，但是沒有用。

document.querySelector('.totalBtn').addEventListener('click', fillTotal);

function fillTotal(){

      let a = document.querySelector('.landingHempOil').innerHTML;
      let b = document.querySelector('.fishOilLanding').innerHTML;
       document.querySelector('.totalLanding').innerHTML= a + b; 
}

發生的是總計顯示兩個彼此相鄰，而不是將兩個價格加在一起。 我怎樣才能做得更好？

Answer 1

您需要將a和b解析為數字值，如下所示：

document.querySelector('.totalLanding').innerHTML= parseFloat(a) + parseFloat(b); 

Answer 2

將innerhtml值轉換為整數以進行數學運算。

let a = document.querySelector('.landingHempOil').innerHTML;
let b = document.querySelector('.fishOilLanding').innerHTML;
document.querySelector('.totalLanding').innerHTML= parseFloat(a) + parseFloat(b); 

Answer 3

問題在於值不是數字。 您需要先將它們轉換為數字，然后再添加它們。 您可以使用Number （）或parseFloat （）。

function fillTotal(){

      let a = document.querySelector('.landingHempOil').innerHTML;
      let b = document.querySelector('.fishOilLanding').innerHTML;
       document.querySelector('.totalLanding').innerHTML= Number(a) + Number(b); 
}