<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
