九宫格数独游戏简化版

最新推荐文章于 2022-04-14 19:27:11 发布

Winson-zys

最新推荐文章于 2022-04-14 19:27:11 发布

阅读量619

点赞数

分类专栏： Html5和Javascript 文章标签：小游戏

本文链接：https://blog.csdn.net/qq_39980514/article/details/89219102

版权

这是一个四乘四的版本

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>数独游戏</title>

<style type="text/css">
/*1.格式，使用类选择器（对应class）*/
/*1.1文本框格式*/
.wbk{
    width:50px; 
    height:50px;
    text-align:center;/*格式是把style="width:50px; height:50px;text-align:center"内的东西移出来*/
}
/*1.2div格式*/
.divgs{
    width:500px; 
    height:600px;
    background-color: rgba(0,0,0,0.1);/*前三位表示颜色，最后一位表示透明度*/
    margin:0 auto;/*设置margin，第一个参数表示顶部的距离为0，而第二个auto表示的是自动,即自动根据网页来居中。*/   
}
/*1.3table格式*/
.tablegs{
    width:200px; 
    height:200px;
    background-color: rgba(0,255,0,0.1);/*前三位表示颜色，最后一位表示透明度*/
    margin:0 auto;/*设置margin，第一个参数表示顶部的距离为0，而第二个auto表示的是自动,即自动根据网页来居中。*/   
}
/*1.3按钮格式*/
.angs{
    width:100px; 
    height:50px;
    background-color: rgba(0,0,255,0.1);/*前三位表示颜色，最后一位表示透明度*/
    margin:220 auto;/*设置margin，第一个参数表示顶部的距离为0，而第二个auto表示的是自动,即自动根据网页来居中。*/   
}

</style>

<!--js代码-->
<script language="javascript">


//1.弄乱数组函数
  //1.1随机数生成：生成0-3范围内的整数
    function suiji(){
      var a=0;
      a=parseInt(Math.random()*10000);
      var b=0;
      b=a%4;
      return b;
    }

  //1.2纵向打乱
    function zongmix(shuzu){
      var sj=0;
      sj=suiji();
      var zhongzhuan=new Array();
      zhongzhuan=shuzu[sj];
      shuzu[sj]=shuzu[((sj+3)%4)];
      shuzu[((sj+3)%4)]=zhongzhuan;
    }


  //1.3横向打乱
    function hengmix(shuzu)
    {
      var sj=0;
      sj=suiji();
      var zz=0;
      for (i=0;i<4;i++)
      {     
        zz=shuzu[i][sj];
        shuzu[i][sj]=shuzu[i][((sj+1)%4)];
        shuzu[i][((sj+1)%4)]=zz;
      }
    }
  //1.4多次打乱
    function hunhe(shuzu)
    {
      for (k=0;k<15;k++)//这里不能用i
      {
        zongmix(shuzu);
        hengmix(shuzu);
      }
    }
//2.答案数组生成
  //2.1生成数独表原型数组
    var shuzu = new Array();
    shuzu[0] = new Array();
    shuzu[0]=[1,2,3,4];
    shuzu[1] = new Array();
    shuzu[1]=[3,4,1,2];
    shuzu[2] = new Array();
    shuzu[2]=[2,1

最低0.47元/天解锁文章

Winson-zys

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
九宫格数独游戏简化版

这是一个四乘四的版本<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><title>数独游戏</title><style type="text/css">/...
复制链接

扫一扫