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

Question

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 不起作用。

Answer 1

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

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