另一种写键盘游戏的方式_另外一种键盘-CSDN博客

本文链接：https://blog.csdn.net/u011096003/article/details/9141277

<html>
<head><title>键盘游戏</title>
<script>
//var i=0;
function start(){
//var chars=new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
var chars=new Array();

for(i=0;i<8;i++){
var left=50+i*60;
var chardiv=new Chardiv(left,50);
chars.push(chardiv);
}
time=setInterval(function(){move();
//for(i=0;i<chars.length;i++){
//chars[i].move();
//}
},300);
document.οnkeydοwn=keydown;
}

var realkey
var top1=50;
function keydown(e){
realkey=String.fromCharCode(e.which);
//alert(realkey);
if(realkey==mydiv.innerHTML){
//mydiv.style.display="none";
mydiv.style.top=top1;
//alert("DIV");
}
}

function Chardiv(left,top){
//var mydiv;
//random();
mydiv=document.createElement("div");
mydiv.innerHTML="B";
mydiv.style.left=left;
mydiv.style.position="absolute";
mydiv.style.width="50px";
mydiv.style.height="50px";
mydiv.style.background="green";
mydiv.style.top=top1;
document.body.appendChild(mydiv);
}
function move(){
mydiv.style.top=parseInt(mydiv.style.top)+20;
}
function random(){
id=parseInt(Math.random()*chars.length);
a=chars[id];
}

</script>
</head>
<body>
<button οnclick="start()">start</button>
</body>
</html>