try:新手,可能会有点小问题,欢迎指出!
var lc=10;
var cl=12;
var e=0;
v=new Array();
for(var i=0;i<25;i++){
var a=Math.random()*(cl+1-lc)+lc点;
a=a*1000;
a=Math.round(a);
a=a/1000;
var x=v.indexOf(a);
while(x>-1){
var a=Math.random()*(cl+1-lc)+lc;
a=a*1000;
a=Math.round(a);
a=a/1000;
var x=v.indexOf(a);
}
v[e]=a;
e++;
}
var text='';
var one=0;
for(var s=0;s<25;s++){
text+="<button class='button'οnclick='o()'id="+s+'>'+v[one]+'</button>';
one++;
}
text+='<style>';
text+='.button{';
text+='height:55px;';
text+='width:55px;';
text+='border:1px lightgreen solid;';
text+='background:white;';
text+='margin:5px 5px;';
text+='animation:e 5s;';
text+='animation-iteration-count:100000000;';
text+='animation-timing-function:linear;';
text+='}';
text+='@keyframes e{';
text+='0%{transform:rotate(0deg);border:1px lightgreen solid;background:white;}';
text+='100%{transform:rotate(360deg);border:1px white solid;background:black;}';
text+='}';
text+='</style>';
document.write(text);
var q=0;
var temp=0;
for (var ii=0;ii<v.length;ii++){
for (var j=0;j<v.length-ii;j++){
if (v[j]>v[j+1]){
temp=v[j+1];
v[j+1]=v[j];
v[j]=temp;
}
}
}
function o(){
var hh=event.target.id;
var hhh=document.getElementById(hh).innerHTML;
document.getElementById(hh).style.background='#00ff00';
if(hhh!=v[q]){
alert('错了,重新开始!');
for(var p=0;p<25;p++){
document.getElementById(p).style.background='white';
}
q=-1;
}
if(q===cl-lc){
alert('成功!');
}
q++;
}