使用If / Then语句重置卡板

时间:2019-06-29 18:45:09

标签: jquery

我正在尝试编写一些代码,因此应该相对容易做到,但又不想发挥出色。

我目前有一个“重置”按钮,它只是重置整个页面,但这不是我想要的,因为我有一个随机数生成器,该生成器在页面重置之前是静态的,如果您没有遍历所有数字,必须重新运行它,而且好……它显然是随机的,因此重置整个页面会产生意想不到的后果。

我当前的代码如下。

onclick="window.location.reload(true)"

用于按钮上的重置功能。它可以工作...但是就像我说的那样,它会带来一些意想不到的后果。

我一直在尝试将现有功能重写为新功能,当用id="go"单击按钮时,具有类hover的卡将翻转,然后将运行随机播放功能。

我已经重写了几次代码,但是它仍然没有按照我想要的做,所以我正在寻求帮助。我在现有代码的工作模型中包括了指向Codepen的链接。它不包含重置代码,因为它已损坏...如果您重新看一下工作代码,可能会比我幸运。

Codepen.io

1 个答案:

答案 0 :(得分:0)

您是否尝试过将功能附加到“重置”按钮上,以重新生成随机数,然后重新随机播放卡?修改shuffle函数以接受所有需要洗牌的卡的数组参数。

<button class="btn btn-danger" onClick="reset()">Reset</button>

function reset() {
  $(".shuffleImg").each(function() { 
    $(this).find(".hover").removeClass('hover');
  });
  window.setTimeout(function(){
    shuffle();
  }, 800);
}

上面的代码只是一个简单的sudo代码,与任何编程语言均无关。