写一个简易的购物车

最新推荐文章于 2024-04-08 09:59:01 发布

骚小孩呀

最新推荐文章于 2024-04-08 09:59:01 发布

阅读量1k

点赞数

分类专栏：前端文章标签： html js

本文链接：https://blog.csdn.net/huaixiaohai_1/article/details/80063381

版权

前端专栏收录该内容

5 篇文章 1 订阅

订阅专栏

话不多说，直接看代码

1.html部分

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table cellpadding="4" cellspacing="2" id="table" border="1">
        <tr>
            <th colspan="5">简易购物车</th>
        </tr>
        <tr>
            <td>商品名称</td>
            <td>数量（件）</td>
            <td>单价（美元）</td>
            <td>运费（美元）</td>
            <td><input type="button" value="合计" id="culute"/></td>
        </tr>
        <tr>
            <td>道具</td>
            <td><input type="text" id="num"/></td>
            <td><input type="text" id="perice"/></td>
            <td><input type="text" id="yunfei"/></td>
            <td><input type="text" id="sum"/>美元</td>
        </tr>
    </table>
    <script type="text/javascript" src="action.js"></script>
</body>
</html>

2.js部分

var button =document.getElementById("culute");
button.οnclick=function(){
    var num=document.getElementById("num").value;
    var perice=document.getElementById("perice").value;
    var yunfei =document.getElementById("yunfei").value;
    var sum =document.getElementById("sum");

    sum.value=Number(num)*Number(perice)+Number(yunfei);
};

没有加注释，不懂的地方可以直接评论，有更好的方法也希望不吝赐教

骚小孩呀

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
写一个简易的购物车

话不多说，直接看代码1.html部分&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt;&lt;/head&gt;&lt;body&gt;
复制链接

扫一扫

专栏目录