js game (.＾-＾.)

最新推荐文章于 2025-03-15 13:25:14 发布

m0_60808907

最新推荐文章于 2025-03-15 13:25:14 发布

阅读量8.9k

点赞数 1

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/m0_60808907/article/details/122273583

版权

笔记专栏收录该内容

1 篇文章

订阅专栏

这段代码创建了一个互动游戏，生成25个介于10到12之间的随机数并进行排序。用户通过点击按钮进行选择，如果选择错误则提示重新开始，正确完成所有选择后会给出提示。代码还包含了按钮的样式定义及旋转动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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++;
}