竞价系统

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

@CJL

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

阅读量277

点赞数

分类专栏：练习

本文链接：https://blog.csdn.net/qq_44109821/article/details/103649835

版权

练习专栏收录该内容

36 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>竞价系统</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
			
			header {
				width: 600px;
				margin: 0 auto;
				background-color: #39435B;
				height: 50px;
				color: #fff;
				text-align: center;
				line-height: 50px;
				font-weight: bold;
			}
			
			main {
				width: 600px;
				margin: 10px auto 150px;
				background: #fff;
				overflow: hidden;
				font-size: 14px;
			}
			
			dl {
				padding: 5px;
				margin: 10px;
				border-bottom: 1px solid #CCCCCC;
				overflow: hidden;
			}
			
			dt {
				float: left;
			}
			
			#div {
				margin: 10px;
			}
			
			footer {
				width: 600px;
				margin: 100px auto 0;
				background: #fff;
				height: 60px;
				text-align: right;
				line-height: 60px;
			}
		</style>
	</head>

	<body style="background: #E1E5EE;">
		<header>
			<p>竞价</p>
		</header>
		<main>
			<dl>
				<dt><img src="img/book1.png"/></dt>
				<dd>名称：C#编程基础</dd>
				<dd>编著：武汉格莱科技有限公司</dd>
				<dd>出版：中国地质大学出版社</dd>
				<dd>简介：当你第一次见到C#时，千万不要傻傻地将它读作“C井号”...</dd>

			</dl>
			<div id="div">
				<span id="">
					最高报价：<em id="maxprice">188</em>
				</span>
				<button style="float: right;" onclick="bidding()">参与竞价</button>
			</div>
		</main>
		<footer>
			<a  style="background: #FF9800; display: block; width: 60px; height: 60px; float: right; text-decoration: none; color: #FFFFFF;" onclick="sale()">去结算</a>
		</footer>
		<script type="text/javascript">
			var maxprice = document.getElementById("maxprice")
			var defaultprice=0
			defaultprice=parseFloat(maxprice.innerHTML);
			var cansale = false; //默认不可以进行结算
			function bidding() {

				var price = prompt("请输入您的报价", "0.00")
			
					//和当前最高报价做对比
					//用户输入的价格是否高于最高报价，如果高于最高报价把用户值给最高报价（可以进行结算了，定义一个变量用于标识是否能够进行结算），否则提示。。。。。。
				if(price != null) 
				{
					//判断用户输入价格是否为数字
					if(isNaN(price)) {
						alert("输入内容不为数字")
						return
					}

					if(parseFloat(price) > parseFloat(maxprice.innerHTML)) {
						alert("恭喜你当前报价是最高的");
						maxprice.innerHTML = price;
						cansale = true; //可以结算
					} else {
						alert("你的报价低于当前最该报价")
					}
				}

			}
			//定义一个函数用于结算
			function sale()
			{
				if(!cansale)//==true
				{
					//不可以结算
					alert("您没有报价或报价比最高报价低不能购买")
					
				}
				else
				{
					var result=confirm("您确定购买吗?")
					if(result==true)
					{
						alert("恭喜您购买成功")
					}
					else
					{
						alert("希望下次光临")
						//maxprice.innerHTML=parseFloat(maxprice.innerHTML)
						maxprice.innerHTML=defaultprice
						cansale=false
					}
				}
			}
		</script>
	</body>

</html>