JavaScript利用Math随机数，实现一个猜拳小游戏，

JavaScript06

JavaScript利用Math随机数，实现一个猜拳小游戏，,第1张

请输入你的出拳数字<input /><br />

<button>比赛</button>

<div></div>

<script>

window.onload=function(){

   document.querySelector("button").onclick=function(){

      var m=document.querySelector("div")

      var x1=Number(document.querySelector("input").value)

      if(x1<1||x1>3){

         m.innerHTML="你输入的数字有误，只能是1、2、3"

      }else{

         var x2=Math.floor(Math.random()*3)+1

         m.innerHTML="结果："

         if(x1==x2){

            m.innerHTML+="打平了"

         }else if((x2-x1)==1||(x1-x2)==2){

            m.innerHTML+="你赢了"

         }else{

            m.innerHTML+="你输了"

         }

         m.innerHTML+="<br />你出拳："+x1+"<br />电脑出拳："+x2

      }

   }

}

</script>

这个display是当前空间自身，相当于this

onclick可以动态传参

Html代码

复制代码 代码如下:

<body>

<input id="certid" type="text" value="123456" >

<input id="btn" type="button" value="button" onclick="">

</body>

Javascript代码

复制代码 代码如下:

<script>

function show(value1,value2)

{

alert(value1+","+value2)

}

var i = 10

btn.onclick = function(){

show(certid.value,i)

}

<script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.

详细出处参考：http://www.jb51.net/article/35107.htm