猜数字游戏

最新推荐文章于 2024-03-16 15:50:03 发布

mush_me

最新推荐文章于 2024-03-16 15:50:03 发布

阅读量102

点赞数

分类专栏：生活相关

本文链接：https://blog.csdn.net/mush_me/article/details/84757222

版权

生活相关专栏收录该内容

16 篇文章 1 订阅

订阅专栏


<html>  
<meta http-equiv="content-type" content="text/html;charset=utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
.button, .button:visited {
text-align: center;
font-weight: bold;
color: #fff;
text-shadow:1px 1px 1px #333;
border-radius: 5px;
margin:0 20px 20px 0;
position: relative;
overflow: hidden;

}
.button.red{
font-size:1.5em;
border:1px solid #b42323;
box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
background: -webkit-linear-gradient(top,#d53939,#b92929);
background: -moz-linear-gradient(top,#d53939,#b92929);
background: linear-gradient(top,#d53939,#b92929);
}
.button.yellow{
border:1px solid #d2a000;
box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
background: -webkit-linear-gradient(top,#fece34,#d8a605);
background: -moz-linear-gradient(top,#fece34,#d8a605);
background: linear-gradient(top,#fece34,#d8a605);
}
</style>
<input type="text" name="guessno" id="guessno" style="line-height:3em" /> 
<input type="button" value="guess" onclick="startGuess()" class="button red" />  
<input type="button" value="replay" onclick="reset()" class="button yellow"/>  
<div style="height:50px;width:90%;font-size:1.7em" id="content">  
</div>

<script>
//利用二分法，七次可以猜解出100之内的数字
var magicno;
var guesscount;
var content;
function reset(){
magicno=parseInt(Math.random()*100+1);
guesscount=10;
document.getElementById("content").innerHTML="<span style='color:red'>0到100之间，10次机会.<span>";
}
function startGuess(){
var guessno=document.getElementById("guessno").value; 
document.getElementById("guessno").value=""; 
content=document.getElementById("content"); 
if(guesscount<=0){
alert("You Lost.");
return false;
}
if(guessno && guessno>0 && guessno <100){
guesscount--;
if(guessno==magicno){
if(guesscount>7){
alert("YOU WIN!!!\r\n你太厉害了，你已经获得蒙之神称号。");
return false;
}
if(guesscount>2){
alert("YOU WIN!!!\r\n你太棒了了，你的智慧已经达到了人类极限。");
return false;
}
if(guesscount>=0){
alert("YOU WIN!!!但是我相信你可以做的更好");
return false;
}
alert("YOU WIN!!!");
}else if(guessno>magicno){
content.innerHTML=guessno+" 太大了.还有[<span style='color:blue'>"+guesscount+"</span>]次机会.<br />"+content.innerHTML;

}else if(guessno<magicno){
content.innerHTML=guessno+" 太小了.还有[<span style='color:blue'>"+guesscount+"</span>]次机会.<br />"+content.innerHTML;
}else{
alert("这是几个意思");
}

}else{
alert("输入错误");
//输入的数值必须在0到100之间。
}
}

mush_me

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
猜数字游戏

[code="html"] .button, .button:visited {text-align: center;font-weight: bold;color: #fff;text-shadow:1px 1px 1px #333;border-radius: 5px;margin:0 20px 20px 0;position: relat...
复制链接

扫一扫

专栏目录