<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<button id="addTo">+添加商品</button>
<hr />
<input type="text" id="searchInput" placeholder="输入商品进行搜索" />
<div id="add" style="display: none">
<br />
商品名称:<input type="text" id="name" /><br /><br />
商品价格:<input type="number" id="price" /><br /><br />
商品库存:<input type="number" id="stock" /><br /><br />
实际销量:<input type="number" id="sales" /><br /><br />
<button id="product">添加商品</button> 
<button id="Cancel">取消添加</button>
</div>
<table>
<thead>
<tr>
<th><input type="checkbox" id="select" /> ID</th>
<th>商品</th>
<th οnclick="sort(1)">价格↓</th>
<th οnclick="sort(2)">库存↓</th>
<th οnclick="sort(3)">实际销量↓</th>
<th>创建时间</th>
<th>操作</th>
</tr>
</thead>
<tbody></tbody>
</table>
</body>
</html>
<script>
addTo.onclick = function () {
if (document.getElementById("add").style.display == "none") {
document.getElementById("add
简易购物车--本地存储
最新推荐文章于 2022-12-28 20:05:34 发布