html5扑克牌游戏源码,【web】纯JavaScript实现window经典纸牌游戏

[JavaScript] 纯文本查看 复制代码// 循环遍历将poker图片添加到数组中

var pokersList = [];

var flower = 0;

for (var i = 1; i <= 52; i++) {

var poker = new Image();

poker.src = "img/" + i + ".jpg"

poker.setAttribute("data-i",i-flower*13); //保存扑克的值

poker.setAttribute("data-flower",flower); //保存扑克的花色

pokersList.push(poker);

if(i%13==0){flower++}

}

console.log(pokersList);

//随机生成长度为52的数组 保存下标,0~51;

var pokerObjI = [];

for (var i = 0; pokerObjI.length < 52; i++) {

var num = Math.floor(Math.random() * 52);

var isRepeat = false;

for (var item of pokerObjI) {

if (item == num) {

isRepeat = true;

}

}

if (!isRepeat) {

pokerObjI.push(num);

}

}

// -----------------向所有牌堆中添加扑克-----------------

// 创建全局变量 pokerNum 来保存以添加过的最后一个下标

var pokerNum = 0;

// 获取牌堆对象

var allPoker = document.getElementById('allPoker').children[0];

// 向牌堆中插入24张扑克

for (var i = 0; i < 24; i++) {

allPoker.appendChild(pokersList[pokerObjI[i]]);

pokerNum++; //同时样poker的下标增加

}

// 向下方7个牌堆中分别保存 1,2,3,4,5,6,7张扑克(共28张)

// 获取7个牌堆对象

var sevenObj = document.getElementById('sevenPokers').children;

// console.log(sevenObj)

// 循环向牌堆中添加扑克

for (var i = 1; i <= 7; i++) {

for (var j = 1; j <= i; j++) {

sevenObj[i - 1].appendChild(pokersList[pokerObjI[pokerNum]]);

pokerNum++;

}

}

// ----------------为下方7个牌堆添加层叠样式-----------------

// 给除最后一张扑克外添加active样式

function addClass(){ </