C语言开发数字华容道实现,jQuery实现数字华容道小游戏(实例代码)_橘子说柠檬你好甜的博客-程序员宅基地

技术标签: C语言开发数字华容道实现  

442bc36eefa6378e8fe1e535b99f40a2.png

数字华容道

*{

padding: 0px;

margin: 0px;

}

#btns>button{

width: 100px;

height: 30px;

border: none;

background:#0082df;

color:white;

}

#content{

text-align: center;

margin: 0 auto;

}

#grid{

border: 1px solid #0082df;

width: 300px;

margin: 20px auto;

height: 300px;

}

#grid>div{

float: left;

width: 33%;

background: gray;

height: 33%;

margin-bottom:1px;

margin-right :1px;

}

.num{

background:#0082df;

width: 99%;

height: 99%;

color:white;

font-size: 30px;

font-weight: bold;

line-height:99px;

}

步数0

重新版开始

var arr = [];

var count=0;

$('button').click(function(){

count=0;

$('#count').html(count);

arr=[];

load();

});

function load(){

for(var i=0;arr.length<8;i++){

var num = Math.ceil(Math.random()*8)

if(arr.indexOf(num)==-1){

arr.push(num)

}

}

arr.push("");

rander();

}

load();

function rander(){

var html="";

for(var i=0;i

if(arr[i]==""){

html+="

}else{

html+="

"+arr[i]+"
";

}

}

$('#grid').html(html);

}

function toMove(obj){

var value=Number($(obj).text());

var index=arr.indexOf(value);

if(arr[index+3]==""){

arr[index]=arr[index+3];

arr[index+3]=value;

count++;

rander();

}

if(arr[index-3]==""){

arr[index]=arr[index-3];

arr[index-3]=value;

count++;

rander();

}

if(arr[index+1]==""){

arr[index]=arr[index+1];

arr[index+1]=value;

count++;

rander();

}

if(arr[index-1]==""){

arr[index]=arr[index-1];

arr[index-1]=value;

count++;

rander();

}

$('#count').html(count);

if(endGame()){

alert("成功");

}

};

function endGame(){

arr[arr.indexOf("")]=9;

for(var i=0;i

if(arr[arr.length-1]==9){

if(arr[i]>arr[i+1]){

arr[arr.indexOf(9)]="";

return false;

}

}else{

arr[arr.indexOf(9)]="";

return false;

}

}

arr[arr.indexOf(9)]="";

return true;

}

总结

以上所述是小编给大家简介的jQuery实现数字华容道小游戏,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对乐购源代码网址的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_34342446/article/details/117150913

智能推荐

【python】清空jupyter notebook所有输出的命令_嘤桃子的博客-程序员宅基地_jupyter 清空输出

在跑六百万数据集时加了print,导致输出的内容太多,不仅跑了几个小时,还让ipynb文件非常大根本打不开!!清空jupyter notebook输出的命令:jupyter nbconvert --ClearOutputPreprocessor.enabled=True --inplace xxxx.ipynb如果想把清空所有输出后的源代码文件另存为,命令为:jupyter nbconvert --ClearOutputPreprocessor.enabled=True --to notebook

如何利用github在.md文件中添加图片_曦曦湘涟的博客-程序员宅基地_github md图片

1、在github上的仓库建立一个存放图片的库,库的名字随意。如:Images-blog2、将需要在.md文件中显示的图片整理在一个文件夹中,然后push到Images-blog库中3、然后打开github官网,进入仓库的Images-blog库中,打开图片点击红框所示的按钮,copy地址4、在.md文件中填入:![Image](https://raw.githubuserconte...

前端工程化和webpack_温柔且无情的博客-程序员宅基地

前端工程化和webpack前端工程化简介前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。企业中的Vue项目和React项目,都是基于 工程化 的方式进行开发的。工程化开发好处:自成体系、标准的开发方案和流程前端开发四个现代化:模块化 (JavaScript模块化、CSS模块化、静态资源模块化)组件化 (复用现有的UI结构、样式、行为)规范化 (目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)自动化 (自

React 学习笔记 —— redux 的使用_tanleiDD的博客-程序员宅基地

安装使用运行命令yarn add reduxredux 原理图主要流程组件 通过 Action Creators 分发(dispatch) action 给 StoreStore 将 之前的状态(previousState)、action,传递给 ReducersReducers 对状态处理后,返回给 Store 新的状态组件通过 getState() 获取状态各部分职责Action Creators: 负责生成 action 对象,并分发给 StoreStore:负

linux 查看硬件信息_永不消逝的代码的博客-程序员宅基地

linux 如何查看硬盘大小,内存大小等系统信息及硬件信息 top 可以看到不少信息 fdisk & disk - l & df 查看系统硬盘信息和使用情况 lspci 查看主板信息等 cat /proc/cpuinfo CPU信息 cat /proc/meminfo 内存信息

乘法表_刘玉元LYY的博客-程序员宅基地

#include using namespace std;int main(){ int i,j; for(i=1; i<=9; i++) { for(j=1; j<=i; j++) { cout<<j<<"*"<<i<<"="<<j*i<<" "; }

随便推点

jenkins update center遇到的坑_sunican的博客-程序员宅基地_jenkins updatecenter

目前的环境是,把jenkins.war 放在MAC 的tomcat webapps里尝试修改tomcat,添加参数:vim /Library/Tomcat//conf/context.xml &lt;Context&gt; ... &lt;Environment name="JENKINS_JAVA_OPTIONS" value="-Dhudson.model.UpdateCenter.pluginDownloadReadTimeoutSeconds=120 -Dhudson

el-table tree 改变某一个单元格背景色_aGreetSmile的博客-程序员宅基地

树状结构改变某个单元格颜色,根据层级判断是否展示数据&lt;el-table :data="tableData" style="width: 100%;" :row-key="tableRowKey" border :highlight-current-row="true" :cell-style="tableCellStyle" :tree-props="treeProps" v-on:row-click="rowClick" v-loading="loading" height="100%"&gt

二项检验_loyxCCS的博客-程序员宅基地_二项检验

文章目录检验原理西瓜书2.4节提到了二项检验,看不太懂。参考网上其他人的想法后,记录一下自己的理解。以下内容也包含着自己对假设检验的理解,内容会比较冗长。检验原理对于一个学习器的泛化错误率ϵ\epsilonϵ,我们做出一个猜想(假设):ϵ≤ϵ0\epsilon\le\epsilon_0ϵ≤ϵ0​。那么如何知道这个猜想对不对呢?假如我们已知ϵ\epsilonϵ的值,那么只需将ϵ\epsil...

数据库面经_Sebastian0819的博客-程序员宅基地

数据库系统常问面试题汇总1.数据库索引&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;索引是对数据库表中一列或多列的值进行排序的一种结构,使用索引可快速访问数据库表中的特定信息。如果想按特定职员的姓来查找他或她,则与在表中搜索所有的行相比,索引有助于更快地获取信息。索引的一个主要目的就是加快检索表中数据的方法,亦即能协助信息搜索者尽快的找到符合限制条件的记录ID的辅助数据结构。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;优

Webmail邮件服务器搭建-有问题-邮件发出去,对方收不到_robertkun的博客-程序员宅基地

#搭建WebMail邮件服务器#1.关闭系统默认安装的 sendmail:[[email protected] ~]# service sendmail stop关闭 sendmail: [失败][[email protected] ~]#[[email protected] ~]# chkconfig --level 35 sendmail of

【sonic】sonic + zerotier 远程连接、异地连接_阿柴hp的博客-程序员宅基地

sonic 远程连接真机、设备异地连接、内网穿透

推荐文章

热门文章

相关标签