按钮点击时卡牌洗牌函数有问题的JS代码。
创始人
2024-11-03 22:01:49
0次

以下是正确的卡牌洗牌函数JS代码：

function shuffleCards() {
  var cards = document.querySelectorAll('.card');
  var parent = document.querySelector('.card-grid');
  for (var i = cards.length; i >= 0; i--) {
    parent.appendChild(cards[Math.random() * i | 0]);
  }
}

document.querySelector('button').addEventListener('click', shuffleCards);

这段JS代码将对具有“card”类的所有元素进行洗牌，该类的元素是覆盖在屏幕上方的卡牌。当按钮被点击时，shuffleCards()函数被调用，将洗牌后的卡牌返回到DOM中。

提供了一个完整的HTML和CSS示例(codepen.io/kosmic/pen/bpwQmN)，在这个示例中，点击“重新开始”按钮将重新开始卡牌游戏，并洗牌卡牌。

上一篇：按钮点击时计数器没有重置的间隔运行

下一篇：按钮点击时事件不会触发

相关内容

热门资讯

六分钟实锤！德州AI智能辅助机... 六分钟实锤！德州AI智能辅助机器人（德扑ai）一贯是有挂（详细辅助解说技巧）1、玩家可以在德州AI智...
第七分钟实锤！智星德州菠萝有挂... 第七分钟实锤！智星德州菠萝有挂吗（智星德州）本来是有挂（详细辅助攻略教程）1）智星德州菠萝有挂吗辅助...
第四分钟实锤！德州AI智能辅助... 第四分钟实锤！德州AI智能辅助机器人（nzt德州）果然真的有挂（详细辅助2025新版教程）；1、下载...
第四分钟实锤！德州AI智能辅助... 第四分钟实锤！德州AI智能辅助机器人（德扑）总是存在有挂（详细辅助德州论坛）1、每一步都需要思考，不...
第一分钟实锤！德州之星辅助（德... 第一分钟实锤！德州之星辅助（德州俱乐部）一贯真的是有挂（详细辅助曝光教程）；1）德州之星辅助辅助挂：...
四分钟实锤！德州之星有外挂（德... 四分钟实锤！德州之星有外挂（德州扑克）真是是有挂（详细辅助科技教程）1、全新机制【德州之星有外挂软件...
6分钟实锤！智星德州菠萝偷偷看... 6分钟实锤！智星德州菠萝偷偷看牌功能（nzt德州）切实真的是有挂（详细辅助wepoke教程）智星德州...
第二分钟实锤！德扑之星有猫腻（... 第二分钟实锤！德扑之星有猫腻（德州nzt）原来真的是有挂（详细辅助实用技巧）1、操作简单，无需注册，...
4分钟实锤！智星德州菠萝（德州... 4分钟实锤！智星德州菠萝（德州wepower）一贯真的有挂（详细辅助透明教程）运智星德州菠萝辅助工具...
八分钟实锤！德扑之星有猫腻（德... 八分钟实锤！德扑之星有猫腻（德扑）切实真的有挂（详细辅助AI教程）1、每一步都需要思考，不同水平的挑...