返回

javascript-本地存储JS

发布时间:2022-09-09 12:42:08 444
# 前端

我需要将我的数量保存在JS本地存储中,这样当我刷新页面时,数量就会被保存。我试着自己做,但我就是做不到。下面是我的两个函数,用于增加和减少数量,并更新添加到购物车的价格。

const plus = document.querySelector(".plus")
const minus = document.querySelector(".minus")
const basePrice = document.getElementById('price').innerHTML;
let value;
let finalPrice;

plus.addEventListener('click', e =>{
  value = parseInt(document.getElementById("qty").value, 10);
  value = isNaN(value) ? 0 : value;
  value++;
  document.getElementById("qty").value = value;
  finalPrice = value * basePrice;
  document.getElementById("totalprice").innerHTML=finalPrice.toFixed(2);
  localStorage.setItem('value', value);
  console.log(localStorage.getItem(value))
})
  
minus.addEventListener('click', e =>{
  value = parseInt(document.getElementById("qty").value, 10);
  value = isNaN(value) ? 0 : value;
  value < 1 ? value = 1 : '';
  value--;
  document.getElementById('qty').value = value;
  finalPrice = value * basePrice;
  document.getElementById("totalprice").innerHTML=finalPrice.toFixed(2);
  
})

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像