凄凄惨惨戚戚
<div id="wp1">
<label >关羽出的数</label>
<select id="chu">
<option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
</select>
<label >关羽喊的数</label>
<select id="han">
<option value="0">0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
<div id="wp2">
<label >张飞出的数</label>
<input type="text" name="zf" id="qc" value="" readonly="readonly"/>
<label >张飞喊的数</label>
<input type="text" name="zf2" id="qh" value="" readonly="readonly"/>
</div>
<input type="button" id="btn" value="开始游戏" />
<p id="end"></p>
</body>
<script type="text/javascript">
var chu=document.getElementById("chu");
var han=document.getElementById("han");
var qc=document.getElementById("qc");
var qh=document.getElementById("qh");
var btn=document.getElementById("btn");
var end=document.getElementById("end");
//点击开始按钮
btn.onclick=function(){
// alert(chu.value);
//设置秦琼出的数和喊的数
var arr1=[0,5,10];
var arr2=[0,5,10,15,20];
//随机设置秦琼出的数
var ran1=Math.floor(Math.random()*3);
var num1=arr1[ran1];
//控制喊的数不能小于出的数
var ran2=Math.floor(Math.random()*5);
var num2=arr2[ran2];
while(num2<num1){
ran2=Math.floor(Math.random()*5);
num2=arr2[ran2];
}
console.log(num1,num2);
qc.value=num1;
qh.value=num2;
//比较获取关羽出的数和喊得数,进行比较论输赢
var gc=chu.value-0;
var gh=han.value-0;
var total=gc+num1;
if(gh==total&&num2!=total){
end.innerHTML='关羽胜';
}else if(gh!=total&&num2==total){
end.innerHTML='秦琼胜';
}else{
end.innerHTML='平局';
}
};
</script>
又是自闭的一天