Javascript 猜测变量

我正在做一个纸牌游戏，我不知道如何将第一张纸牌和第二张纸牌分开。我看过一些不同代码笔的例子，但是代码有点难理解。这就是我到目前为止所拥有的

更新：

var cards = [
"flower", "happy", "moon",
"rocket", "taco", "tree"
];

var card1 = "";
var card2 = ""

$('div.inner').each(function() {
 $(this).find('button').click(function(event) {
    event.preventDefault();
    card1 = $(this).val();
    card2 = $(this).val();
 console.log(card1);
    console.log(card2);
  console.log("click = " + $(this).val());
 });
});

下面是我的html页面的大部分外观，但卡片的名称不同。完整的东西相当长

<div class="col-md-3">
        <div class="flip">
            <div class="cards"> 
                <div class="face front">
                    <div class="inner">
                        <button class="btn flower" value="flower"><img src="imgs/card-front.jpg"></button>
                    </div>
                </div>
                <div class="face back">
                    <img src="imgs/flower.png">
                </div>
            </div>
        </div>
    </div>

---

这里是最后一个示例，如何添加使用数字洗牌奇数卡的规则cars匹配，但您添加了自己的打印规则a是否有一点最终结束了选择好赔率后的卡淡出。。。等

$（文档）.ready（函数（）{
var MYAPP=MYAPP | |{
卡片：[1,1,2,2,3,3,4,4,5,5,6,6]，
init:function（）{
MYAPP.shuffleCards（）；
},
shuffleCards:function（）{
var random=0；
var-temp=0；
对于（i=0；i）.addClass（'selected'）；
MYAPP.checkMatch（）；
});
$（'.playreach'）。在（'click'，function（）上{
位置。重新加载（true）；
});
},
checkMatch:function（）{
如果（$（'.selected'）。长度===2）{
如果（$（'.selected'）.first（）.data（'cardValue'）===$（'.selected'）.last（）.data（'cardValue'））{
$（'.selected'）。每个（函数（）{
$（this）.animate（{opacity:0}）.removeClass（'unmatched'）.removeClass（'selected'）；
});
MYAPP.checkWin（）；
}否则{
setTimeout（函数（）{
$（'.selected'）。每个（函数（）{
$（this.html（“”）.removeClass（'selected'）；
}); 
},600);   
}
} 
},
checkWin:function（）{
如果（$（'.unmatched'）。长度===0）{
$（'.container'）.html（'你赢了！重新开始！一旦猜到了就从数组中删除猜测。顺便说一句，我没有否决投票。我不清楚你想在这里做什么。这不是“猜测”任何东西，它只是将一组单击处理程序附加到按钮上，这些按钮将自己的值打印到控制台上两次。预期的功能是什么？我真的不知道如何真正解释它。基本上，我希望一张卡的每个翻转都有两个单独的单击功能。我当前的代码记录了card1和card2的相同内容，但我希望它们是two单独猜测。我想我可以判断它是否匹配，但我需要能够运行两次不同的猜测点击，以确定这两张牌或匹配与否我当前的代码只是获取点击的牌的值，但现在我需要对它们进行两次不同的猜测，这就是我所要做的。嗯，这非常有趣。所以我想我可以用这样的东西替换我的forEach循环吗？我用我的html编辑了这篇文章。这不是全部内容，但大部分内容都是这样的，只是每种类型的卡都有不同的类。@JoeEscobedo好的，我看一看。效果很好！我现在唯一的问题是要匹配两张卡。我正在尝试一些东西，一个if statem在拾取任何卡时，ent使其自动匹配。我注意到$（this）.val（）为我提供了卡的值，但由于某些原因，我无法使用它生成if语句。只要单击一张卡，它就会使其匹配。