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

Card Game can't get my Win and Lose Div to appear in my IF statement

本文关键字：我的 IF 语句 纸牌游戏 Div      更新时间：2023-09-26

我正在制作一个纸牌游戏，你开始，计算机生成一张牌，然后玩家必须按下一个按钮，要么更高要么等于，以猜测这张牌是高于电脑还是低于或等于。这是我脚本中的 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>

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

问题是没有为javascript变量设置值。下面是我为演示问题而创建的测试代码。您可以更改 myCard2 和 myCard 值的值，您将看到div 元素中的文本更改。如果您使用 on click 事件来收集用户输入，则必须确保它设置 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"

    }
相关文章：