⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 幸运52.html

📁 实现一个看商品猜价格的功能
💻 HTML
字号:
<HTML><HEAD>
<TITLE> New Document </TITLE>
<style type='text/css'>
.pic{position:absolute;top:320;left:240;}
</style>
<script language='javascript'>
var count=0,total=0,i=0;
function begin()
{	
  	document.pic.style.display='';
	document.pic.width='180';
	document.pic.height='180';
	document.pic.border='2';
	document.pic.src=eval("'../img/shop'+(i%6)+'.jpg'");
	i++;
	
	star.disabled=true;
	text1.readOnly=false;
	guess1.disabled=false;
	pp.select();
}
   var pps=new Array();
	pps[0]=100;
	pps[1]=200;
	pps[2]=300;
	pps[3]=400;
	pps[4]=500;
    pps[5]=600;
	var regprice=/^\d+[.]?\d*$/;
	function guess()
	{
	var text1=pp.value;
	if(regprice.test(text1)==false) 
	{
		alert('请正确输入价格');
		pp.select();
	}
	 else if(text1>pps[i-1]) 
		{
			alert('high');
			pp.select();
		}
		 else if(text1<pps[i-1]) 
		{
			alert('low');
			pp.select();
		}
		else 
		{
			alert('very good');
			count++;
			total+=parseFloat(pp.value);
			if(i==6)
				{
 			alert('所有商品已猜完,\n你共猜对了'+count+'种商品\n价值为'+total);
					i=0;
					count=0;
					total=0;
star.disabled=false;
text1.readOnly=true;
guess1.disabled=true;
					document.images[0].style.display='none';
					pp.value='';
					return;
			}
			else if(confirm('要继续猜下一商品吗?'))
			{
					alert('好,请看下一商品!');
				document.pic.src=eval("'../img/shop'+(i++%6)+'.jpg'");
					pp.select();
     		}
			else
			{	
				alert('你共猜对了'+count+'种商品\n价值为'+total);
				alert('谢谢你的参与,再见!!');
				document.images[0].style.display='none';
				pp.value='';
				i=0;
			   count=0;
				total=0;
				star.disabled=false;
				text1.readOnly=true;
				guess1.disabled=true;
		}
	}
}
</script>
</HEAD>
<BODY><BR><BR>
<font>“幸运52”模拟小游戏</font><BR><BR>
<table width='70%' style='font-size:15;font-weight:200;
font-family:黑体;color:indigo;'>
<caption><font size=6pt>看商品·猜价格</caption>
<tr><td>规则:</td>
<tr><td>
1.点击'开始'按钮,游戏开始,系统将给出示第一种商品。</td><tr><td>
2.请在输入框中输入你对该商品的估计价格,然后点击'确定'按钮。</td>
<tr><td>3.这时系统会提示你输入的价格是高了还是低了,在弹出的对话框中
<br>&nbsp;&nbsp;&nbsp;点击“确定”按钮,再重新输入估计价格,重复第二步。</td>
<tr><td>4.直到你输入了正确的价格,这时系统会恭喜你猜中了!提示你是否
<br>&nbsp;&nbsp;&nbsp;继续猜下一种商品,还是退出游戏。
</td></table><BR>
<font style='color:red;font-size:20;font-weight:400'>
请点击“开始”按钮来开始游戏,祝你好运!!
</font><BR><BR><BR>
<input type='button' value='start' id='star'  style='font-size:30;width:200;' onclick='begin()' >
<BR><BR>
<img style='display:none' class='pic' name='pic'><BR><BR><BR><BR>
请输入你对该商品的估计价格:<BR><BR>
&nbsp;&nbsp;&nbsp;<input name='pp' id='text1' readonly><BR><BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type='button' value='OK' onclick='guess()'  disabled id='guess1'
style='font-size:20;width:80;color:red;font-weight:900'>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -