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);
})
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报