纸牌游戏不能让我的输赢Div出现在我的IF语句中

Question

我在做一个纸牌游戏，开始的时候电脑会产生一张牌，然后玩家必须按一个更高、更低或相等的按钮，来猜测这张牌是比电脑高还是比电脑低或相等。这是我脚本中的if语句

if ((playerChoice == "higher") && (myCard2 > myCard) || 
   (playerChoice == "lower") && (myCard2 < myCard) || 
   (playerChoice == "equal") && (myCard2 == myCard)) {
   document.getElementById("Win").innerHTML = "You Win"
} else {
  document.getElementById("Lost").innerHTML = "You Lose"
}

下面是我的输赢div的html

<div id="Win"></div>
<div id="Lost"></div>

我只是不知道为什么当我选择更高的按钮和卡片时，它不会显示你赢了，反之亦然，所有的按钮和你输了

Answer 1

您的问题是没有为您的javascript变量设置值。下面是我创建的用于演示该问题的测试代码。您可以更改div值和div值，您将看到myCard2元素中的文本发生了变化。如果您正在使用单击事件来收集用户输入，则必须确保它设置了javascript变量，以便使您的代码正常工作。

jsfiddle示例：http://jsfiddle.net/larryjoelane/u8kf796z/5/

/* test code inserted below*/

//set myCard2 value
var myCard2 = 9;

//set myCard value
var myCard = 8;

//set playerChoice value
var playerChoice = "higher";


/*end of test code*/

if  ((playerChoice == "higher") && (myCard2 > myCard) || 
    ( playerChoice == "lower") && (myCard2 < myCard) || 
    ( playerChoice == "equal") && (myCard2 == myCard)) 
    {
        document.getElementById("Win").innerHTML = "You Win"
    }


    else 

    {
        document.getElementById("Lost").innerHTML = "You Lose"


    }