简易连连看

最新推荐文章于 2024-02-19 14:05:21 发布
最新推荐文章于 2024-02-19 14:05:21 发布
阅读量966 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SIH__/article/details/80247457
版权

新建文本文档，复制下面的代码，保存，文件名：index.html，打开


<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        html, body {
            font-family: '隶书';
        }
        h1 {
            line-height: 50px;
        }
        .box {
            width: 525px;
            margin: 25px 0 0 25px;
            padding: 15px;
            text-align: center;
            line-height: 500px;
            border: solid 1px black;
            overflow: hidden;
        }
        .box h1 {
            text-align: left;
        }
        .box .item {
            box-sizing: border-box;
            width: 95px;
            height: 95px;
            margin: 5px;
            float: left;
            line-height: 95px;
            border: solid 1px black;
            font-size: 23px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="box">
        <h1>Hi</h1>
    </div>

    <script>
        let log = console.log.bind(console),
        eBox = document.querySelector('.box'),
        aColor = [],
        aIndex = [],
        eCurrent = '',
        nCurrent = ''


        let randomColor = function() {
            return "rgb(" + Math.floor(Math.random() * 256) + ", " + Math.floor(Math.random() * 256) + ", " + Math.floor(Math.random() * 256) + ");"
        }


        for (let i = 0; i < 10; i++) {
            aColor.push(randomColor())
            aIndex.push(i)
            aIndex.push(i)
        }


        for (let i = 0; i < 20; i++) {
            let eDiv = document.createElement('div'),
            num = Math.floor(Math.random() * aIndex.length)
            eDiv.className = 'item'
            eDiv.innerHTML = aIndex[num]
            eDiv.setAttribute('index', aIndex[num])
            eBox.appendChild(eDiv)
            aIndex.splice(num, 1)
        }


        let aItem = document.querySelectorAll('.item')
        for (let i = 0; i < aItem.length; i++) {
            aItem[i].onclick = function() {
                if (this.getAttribute('index') == nCurrent && eCurrent != this) {
                    this.innerHTML = ''
                    eCurrent.innerHTML = ''
                } else {
                    nClick = this.getAttribute('index')
                    eCurrent = this
                }
                nCurrent = this.getAttribute('index')
            }
        }
    </script>
</body>
</html>
_peng
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
c语言实现连连看程序
02-11
连连看程序
html游戏代码_JS实现连连看小游戏，代码很简单，思路很清晰！
weixin_39520393的博客
12-01 1537
前言：这是web前端源码交流QQ群：828036770领取素材资料开发工具和听课权限！每日仅限300名！！！这是一款比较经典的连连看游戏源码，规则比较简单，基于html5实现的连连看网页游戏。游戏目前设置了7关，玩家可以逐级挑战，还可点击右下角【重置】进行位置调整，游戏有时间限制，重置没有次数限制。游戏特点：本源码实现了随机重排和背景以及点击音效。总共有初级、中级和高级三个难度可以设置，...
html5连连看源码解析,JS连连看源码完美注释版(推荐)
weixin_36237278的博客
06-10 1356
JS连连看源码完美注释版table{border-collapse: collapse;}td{border: solid #ccc 1px;height: 36px;width: 36px;cursor: pointer;}td img{height: 30px;width: 30px;border: solid #fff 3px;/*filter: alpha(opacity=80);-moz...
制作简单的连连看
wangzhantao的专栏
04-12 208
   面向对象练习游戏。   &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;META NAME="Generator"
C语言零基础项目：连连看小游戏，详细思路+源码分享
致力于C语言C++知识分享！
01-03 4888
连连看小游戏是一款 以连连看为主要元素的Flash游戏，只要将相同的两张牌用三根以内的直线连在一起就可以消除······
llk.zip_biggerjbh_简易连连看
09-23
《简易连连看——一款充满趣味的消除游戏》 在IT领域，游戏开发一直是热门话题，尤其是休闲类游戏，它们以其简单易上手、娱乐性强的特点深受用户喜爱。今天我们要探讨的是一款名为“简易连连看”的游戏，它由开发者...
自己写的简易连连看的实现
07-30
在本项目中，标题"自己写的简易连连看的实现"表明了这是一个个人开发的简易版连连看游戏，采用Java编程语言实现。连连看是一款广受欢迎的休闲益智游戏，其核心玩法是找到并消除两个相同的元素，直到所有元素都被消除...
Delphi简易连连看.7z
04-26
《Delphi简易连连看程序解析》 Delphi是一款历史悠久的集成开发环境（IDE），由Borland公司开发，主要用于创建Windows平台的应用程序。虽然现在有许多更先进的开发工具，但Delphi因其高效的编译器和直观的可视化...
用c语言写游戏（简易连连看）
m0_73225340的博客
01-28 1501
用户输入：n，然后输入2n*2n个大写字母（每两个用空格隔开）(即2n行2n列矩阵)然后输入num代表即将查找num次。
C语言实现的连连看小游戏.zip
09-04
在VS2013平台上利用C语言实现了一个经典连连看小程序，利用递归实现了消除，包含重置等功能，其中利用了easyX插件的图形库，需安装easyX插件。
C语言项目实战：《连连看》基础项目丨460 行源码注释
致力于C语言C++知识分享！
11-30 3259
这篇文章主要为大家详细介绍了C语言实现——《连连看》小游戏，示例代码介绍的非常详细，具有想当的参考价值，感兴趣的小伙伴们可以参考一下！ 游戏介绍： 连连看小游戏速度节奏快，画面清晰可爱，适合细心的玩家。丰富的道具和公共模式的加入，增强游戏的竞争性。多样式的地图，使玩家在各个游戏水平都可以寻找到挑战的目标，长期地保持游戏的新鲜感。本期举例的项目类似宠物连连看，小动物造型的连连看游戏（这个主要看你准备好的图片素材） 游戏玩法 加载游戏后，点击画面中间的图像即进入游戏状态。使用鼠标左键即可，点击相同的
C语言实现连连看
最新发布
nothing
02-19 1091
C语言结合数据结构、windows api实现连连看小游戏
分享一个C语言连连看源码
kxtxdy的博客
04-18 4710
编译器：Visual C++6.0 需安装图形库 效果图： 源码： #include <graphics.h> #include <conio.h> #include <time.h> #include <stdio.h> #include <windows.h> #pragma comment(lib,"winmm.lib") //150 150 12 7 21 易 //60 100 16 9 32 中 ..
连连看（C++）
徐小mu的博客
10-04 2158
还个项目还是挺不错的，运行后也比较有意思，可以看看。 #include<iostream> #include<conio.h> #include<time.h> #include<stdlib.h> #include<math.h> #include<string.h> using namespace std; void...
期末项目设计 C语言写的连连看`
JasonP123的博客
03-07 746
期末项目设计 C语言写的连连看` 学会熟练运用C语言，以及一些做游戏的简单思路，还有esayX的图形界面的使用等。 #include<stdio.h> #include<graphics.h> #include <conio.h> #pragma comment(lib,"Winmm.lib") #pragma warning(disable : 4996) #define IMG_SIZE 39 #define MAX_ANIMAL_NUM 42 #define M
浙大版《C语言程序设计实验与习题指导（第4版）》题目集 实验7-2-10 简易连连看
二三hhh的博客
07-21 353
题目要求： 本题要求实现一个简易连连看游戏模拟程序。 给定一个2N×2N的方阵网格游戏盘面，每个格子中放置一些符号。这些符号一定是成对出现的，同一个符号可能不止一对。程序读入玩家给出的一对位置(x​1​​ ,y1)、(x2,y2)，判断这两个位置上的符号是否匹配。如果匹配成功，则将两个符号消为“*”并输出消去后的盘面；否则输出“Uh-oh”。若匹配错误达到3次，则输出“Game Over”并结束游戏。或者当全部符号匹配成功，则输出“Congratulations!”，然后结束游戏。 输入格式: 输入在一行中
C语言 id:414】【20分】F. 实验7-2-10 简易连连看 题目描述 本题要求实现一个简易连连看游戏模拟程序。 给定一个2n*2n的方阵网格游戏盘面，每个格子中放置一些符号。这些符号一定是成对出现的，同一个符号可能不止一对。程序读入玩家给出的一对位置(x1,y1)、(x2,y2)，判断这两个位置上的符号是否匹配。如果匹配成功，则将两个符号消为“*”并输出消去后的盘面；否则输出“Uh-oh”。若匹配错误达到3次，则输出“Game Over”并结束游戏。或者当全部符号匹配成功，则输出“Congratulations!”，然后结束游戏。 输入 输入在一行中给一个正整数N（<5）。随后2N行，每行2N个大写英文字母（其间以1个空格分隔），表示游戏盘面。盘面之后给出一个正整数K，随后K行，每行按照格式“x​1​​y​1​​x​2​​y​2​​”给出一个玩家的输入。注意格子的行、列编号是从1到2N。 输出 根据玩家的每一步输入，输出相应的结果。输出盘面时注意，每行字符间以1个空格分隔，行末不得有多余空格。
06-09
好的，你的问题是关于 C 语言的题目，题目编号为 id:414，题目名称为简易连连看。题目描述如下： 给定一个2n*2n的方阵网格游戏盘面，每个格子中放置一些符号。这些符号一定是成对出现的，同一个符号可能不止一对。程序读入玩家给出的一对位置(x1,y1)、(x2,y2)，判断这两个位置上的符号是否匹配。如果匹配成功，则将两个符号消为“*”并输出消去后的盘面；否则输出“Uh-oh”。若匹配错误达到3次，则输出“Game Over”并结束游戏。或者当全部符号匹配成功，则输出“Congratulations!”，然后结束游戏。 输入格式为：第一行为正整数N，接下来2N行，每行2N个大写英文字母，表示游戏盘面。盘面之后给出一个正整数K，随后K行，每行按照格式“x1 y1 x2 y2”给出一个玩家的输入。 输出格式为：根据玩家的每一步输入，输出相应的结果。输出盘面时注意，每行字符间以1个空格分隔，行末不得有多余空格。 请问你有什么需要我帮忙的吗？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值