js实现报数猜拳游戏

凄凄惨惨戚戚

<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>

又是自闭的一天