用JQuery写一个斗地主发牌器

代码展示

CSS样式

       <style>* {margin: 0;padding: 0;}/* body {background-color: aquamarine;} */div {width: 1280px;height: 150px;position: relative;display: flex;/* border: 1px dashed rgb(187, 176, 176); */margin: 0 auto;margin-top: 4px;margin-left: 42px;}#brand {width: 261px;/* border: 1px dashed rgb(187, 176, 176); *//* margin-left: 42px; */display: flex;}section {width: 128px;height: 150px;border: 1px solid rgb(187, 176, 176);position: relative;/* border-radius: 6px; */}div>section:last-child {width: 200px;height: 150px;}div>section>p:last-child {display: none;}div>section:last-child>p:first-child {position: absolute;display: block;}div>section:last-child>p:last-child {position: absolute;display: block;bottom: 4px;right: 2px;}p {padding: 0;margin: 0;font-size: 12px;color: rgb(73, 67, 67);}</style>

HTML

<!-- 玩家一所玩的扑克牌 --><div class="brand"></div><!-- 玩家二所玩的扑克牌 --><div class="brand"></div><!-- 玩家三所玩的扑克牌 --><div class="brand"></div><!-- 底牌 --><div id="brand"></div>

JavaScript

<script src="./jquery-1.11.1.js"></script> //要引jquery代码包<script>let pokerArr = []; //创建一个空数组//封装扑克牌【用时，直接调用】function playcards() {let fangpaiArr = [3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K", "A", 2]; //创建牌的种类let brandstyleArr = ["♣", "♦", "♥", "♠"]; //创建牌的类型let emptyArray = [];let emptyArray2 = [];let emptyArray3 = [];let emptyArray4 = [];// 生成54张扑克牌   function brandsort() {for (let i = 0; i < fangpaiArr.length; i++) {for (let j = 0; j < brandstyleArr.length; j++) {emptyArray.push({ Num: i, Hua: j, emptyArrayText: brandstyleArr[j] + fangpaiArr[i] });}}// 加上小王与大王emptyArray.push({ Num: fangpaiArr.length, emptyArrayText: "小王" }, { Num: fangpaiArr.length + 1, emptyArrayText: "大王" });fapai(emptyArray, 0, emptyArray.length)}brandsort();// 随机发给三个玩家【每个玩家随机17张扑克牌】function fapai(emptyArray, min, max) {for (let i = 1; i <= 3; i++) {for (let j = 1; j < 18; j++) {// 生成随机扑克牌let roundNum = parseInt(Math.random() * (max - min)) + min;emptyArray2.push(emptyArray[roundNum]);emptyArray.splice(roundNum, 1); //去重max--;}userPaiSort(emptyArray2);emptyArray2 = [];}}//对三个玩家进行排序function userPaiSort(playPublic) {playPublic.sort(// (a,b)=箭头函数 === a的数字 == b的数字 ? a的花色 - b的花色 : a的数字 - b的数字(a, b) => a.Num == b.Num ? a.Hua - b.Hua : a.Num - b.Num)screenPlay(playPublic);}function screenPlay(playPublic) {for (let k of playPublic) {emptyArray3.push(k.emptyArrayText);}pokerArr.push(emptyArray3)emptyArray3 = [];}for (let f of emptyArray) {emptyArray4.push(f.emptyArrayText)}pokerArr.push(emptyArray4)}// JQuery$(function () {playcards(); //调用封装好了的扑克牌for (let k = 0; k < pokerArr.length; k++) {// 打印三个玩家的扑克牌与三张底牌let str = '';for (let l = 0; l < pokerArr[k].length; l++) {str += `<section><p>${pokerArr[k][l]}</p><p>${pokerArr[k][l]}</p></section>`}$('div').eq(k).html(str)}})</script>

用JQuery写一个斗地主发牌器相关推荐

如何用Java写一个斗地主（一）
如何用Java写一个斗地主(一) 序言正文创建卡牌打乱牌序发牌课后吐槽序言作为一名大三的普普通通大学生,被实习老师(?)强迫下,第一次开始写CSDN的博客,如果写的不好,请多多包涵咯. ...
用java写一个斗地主
写一个斗地主游戏是一个不错的编程练习,需要您掌握的技能包括对 Java 语言的熟练使用,以及对游戏规则.算法.图形界面设计等的理解. 下面是一些关于如何使用 Java 编写斗地主游戏的指导: 设计游戏 ...
用 Go 手写一个 JSON 序列化器
用 Go 手写一个 JSON 序列化器方案实现字符串转义忽略类型序列化器主体数字和逻辑类型字符串类型数组类型字典类型自定义结构类型指针类型 API 使用安装调用测试开源和 ...
怎样写一个拼写检查器-贝叶斯-python
怎样写一个拼写检查器 Peter Norvig 翻译: Eric You XU 原版:http://norvig.com/spell-correct.html 翻译:http://blog.youxu ...
自己用jQuery写一个瀑布流
自己用jQuery写一个瀑布流前言这个月一直在忙工作.一直没有机会学习新的知识.前两天,突然想写一个瀑布流代码.倒不是找不到瀑布流代码.而是我想自己练练脑子. 首先,先考虑思路.所有的图片,全部采 ...
【ZT】怎样写一个拼写检查器
这篇真的写的很棒,用心领会吧! 怎样写一个拼写检查器 Peter Norvig 翻译: Eric You XU 上个星期, 我的两个朋友 Dean 和 Bill 分别告诉我说他们对 Google 的快 ...
如何写一个拼写检查器—Peter Norvig 中文翻译：徐宥
[转]如何写一个拼写检查器本文原著:Peter Norvig 中文翻译:徐宥上个星期, 我的两个朋友 Dean 和 Bill 分别告诉我说他们对 Google 的快速高质量的拼写检查工具感到惊奇 ...
怎样写一个拼写检查器
怎样写一个拼写检查器 Peter Norvig 翻译: Eric You XU link:http://blog.youxu.info/spell-correct.html 上个星期, 我的两个 ...
用C++写一个文件分割器
在成功将 mac 由 10.10 升级到 10.12 后,我发现除了新增一个并不怎么好用的 Siri 外,原来支持 NTFS 硬盘的驱动居然也成功失效了.我那块 500 GB 的东芝硬盘,虽不至于成砖 ...

用JQuery写一个斗地主发牌器

代码展示

CSS样式

HTML

JavaScript

用JQuery写一个斗地主发牌器相关推荐

最新文章

热门文章