用HTML和js做一个简单的购物系统

最新推荐文章于 2024-12-11 11:14:38 发布

叶落而知秋！

最新推荐文章于 2024-12-11 11:14:38 发布

阅读量3.8k

点赞数 2

分类专栏：网页文章标签： javascript html

本文链接：https://blog.csdn.net/littielucky/article/details/121977681

版权

实现功能：价格的输入，购买数量的输入，可选的下拉式支付方式，计算购买总价，不同的支付方式对应不同的折扣，达到不同的价位赠送不同的赠品。

运用语言：HTML 、 JavaScript
所用软件：Hbulider

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>mine</title>
		
		<style type="text/css">
			table
			{
     
				text-align: center;
				font-size: 18px;
				border-color: darkorange;
			}
			tr
			{
     
				height: 50px;
				width: 300px;
			}
		</style>
	</head>
	<body>
		<form name="calc">
			<table align="center" border="1" cellspacing="0px" cellpadding="0px">
			     <tr>
			     	<td colspan="2">
			     		<img src="img/淘宝网.png"  width="500px" height="80px"/>
			     	</td>			     	
			     </tr>
			     
			     <tr>
			     	<td colspan="2">
			     		<img src="img/6.jpg" width="125px" height=