原生js实现购物车

最新推荐文章于 2022-03-14 12:29:20 发布

暗恋花香

最新推荐文章于 2022-03-14 12:29:20 发布

阅读量695

点赞数

分类专栏： # JavaScript/jQuery 文章标签： html js

本文链接：https://blog.csdn.net/qq_42324086/article/details/102399139

版权

这篇博客探讨了如何利用JavaScript实现一个简单的购物车功能，涵盖了处理小数运算精度问题以及结合HTML和CSS进行页面样式设计。通过解决JS中浮点数计算的精度误差，确保了商品总价的准确性。

摘要由CSDN通过智能技术生成

html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>完善当当购物车页面</title>
    <link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
</head>
<body>

<div class="content">
    <div class="logo">
        <img src="images/dd_logo.jpg"><span>关闭</span>
    </div>
    <div class="cartList">
        <ul>
            <li>¥<input type="text" name="price" value="21.90"></li>
            <li><input type="button" name="minus" onclick="minus(0)" value="-"><input type="text" name="amount" onblur="onBlur(0);" min="0" value="1"><input type="button" onclick="plus(0)" name="plus" value="+"></li>
            <li id="price0">¥21.90</li>
            <li><p>移入收藏</p><p>删除</p></li>
        </ul>
        <ul>
            <li>¥<input type="text" name="price" value="24.00"></li>
            <li><input type="button" name="minus" onclick="minus(1)" va