如何使用 LocalStorage 计算购物车的总价

Posted 2023-02-25

【中文标题】如何使用 LocalStorage 计算购物车的总价

【英文标题】：How to calculate the total price of the shopping cart using LocalStorage

【发布时间】：2022-01-03 21:19:27

【问题描述】：

https://drive.google.com/file/d/1wSnQ1Ew-hzpezVcEM46Rlh23E7AWYL1l/view?usp=sharing

（图片链接）

我正在尝试计算购物车的总价格，但我不确定我应该如何编写代码，有人可以帮助我吗？

<script>
  document.querySelector("#updateCart").addEventListener('click',function()
  
    document.querySelector('#prod_value').innerText = localStorage.getItem("prod_value")
    document.querySelector('#prod_qty').innerText = localStorage.getItem("prod_qty")
    document.querySelector('#prod_size').innerText = localStorage.getItem("prod_size")
  )
  document.querySelector("#updateCart").addEventListener('click',function()
  
    document.querySelector('#prod2_value').innerText = localStorage.getItem("prod2_value")
    document.querySelector('#prod2_qty').innerText = localStorage.getItem("prod2_qty")
    document.querySelector('#prod2_size').innerText = localStorage.getItem("prod2_size")
  )

  document.querySelector("#updateCart").addEventListener('click',function()
  
    document.querySelector('#total').innerText = localStorage.getItem('prod_value' + 'prod2_value')
  )
</script>

我创建的#total 不起作用。

【参考方案1】：

let valueOne = localStorage.getItem("prod_value")
let valueTwo = localStorage.getItem("prod2_value")
let total = valueOne + valueTwo

document.querySelector('#total').innerText = total

【讨论】：

变成了 329.00399.00