2

抱歉，如果这听起来很愚蠢，但在编码方面我完全是个笨蛋！我正在尝试使用一副纸牌制作更高或更低的猜谜游戏（即玩家猜测下一张纸牌是高于还是低于所示的）但我真的不明白如何给每张卡片一个价值。

例如，我想给 Ace 牌一个值“1”，这样人们就可以猜测下一张牌是高于还是低于 1。

我知道涉及数组和类，但我似乎找不到用简单的英语解释它的教程。到目前为止，这是我的代码（是的，我知道这很可怕！）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<script language="javascript" type="text/javascript">


var ask=window.confirm("Do you understand the rules of Higher or Lower?")
if (ask)
window.alert("Lets go!")
else
window.alert("Guess if the next card shown will be higher or lower than the current card.")

function rollDice()
{
var diceArray = ["card0.jpg","card1.jpg","card2.jpg","card3.jpg","card4.jpg","card5.jpg"];
var pickCard = diceArray[Math.floor(Math.random() * diceArray.length)];
document.getElementById("cards").src = pickCard;
}


</script>
<link rel="stylesheet" href="teststyle.css" type="text/css">
</head>
<body style="text-align: center;">
<br>
<big style="font-weight: bold; font-family: Helvetica,Arial,sans-serif;"><big><big>HIGHER
OR LOWER?</big></big></big><br>
<h3>Use your knowledge of probability to guess if the next card will be
higher or lower!</h3>
<br>
<br>
<img src="card5.jpg" onload="pickCard()" id="cards"><br>
<br>
<span
style="font-weight: bold; font-family: Helvetica,Arial,sans-serif;">VALUES</span><span
style="font-family: Helvetica,Arial,sans-serif;">: ACE, TWO, THREE,
FOUR, FIVE, SIX, SEVEN, EIGHT, NINE, TEN, JACK, QUEEN, KING</span><br>
<br>
<br>

</body>
</html>
4

3 回答 3

6

我认为您可能会发现将每张卡片表示为一个对象很有用：

{
    imagePath: "card0.jpg",
    value: 1,
    name: "Ace"
}

您可以将这些放在您的数组中：

var diceArray = [
    {
        imagePath: "card0.jpg",
        value: 1,
        name: "Ace"
    },
    {
        imagePath: "card1.jpg",
        value: 2,
        name: "Two"
    },
    // and so on...
];
var pickCard = diceArray[Math.floor(Math.random() * diceArray.length)];
document.getElementById("cards").src = pickCard.imagePath;

var pickedValue = pickCard.value;

你可以看到，存储的结果pickCard现在是一个具有属性的对象name，value并且imagePath。您可以稍后suit根据需要添加其他属性（等）。

于 2013-11-12T17:36:52.247 回答
0

真的取决于你的情况，但有几种方法可以做到。我认为没有“正确”的方式。

你可以使用一个switch语句，但我认为更“javascript方式”是你一个映射你的值的对象文字，比如

  var cardValues = {
      "ace": 1,
      "king": 13,
      "queen": 12
  }

  //then you can get your card value from the 'name' very simply
  var value = cardValues["ace"] // => 1
于 2013-11-12T17:38:25.817 回答
0

我认为最简单的方法是使用对象数组，每个对象的位置对应于它的值。像这样的东西：

var diceArray = [
    {
        "card_name": "Ace",
        "value": 1,
        "card_image": "card0.jpg" // I'm guessing card0 is the ace, replace this with the correct card image if that is incorrect
    },
    {
        "card_name": "Two",
        "value": 2
        "card_image": "card1.jpg"
    }
    ... and so on
]

您的随机选择仍然以相同的方式工作：

var pickCard = diceArray[Math.floor(Math.random() * diceArray.length)];

由于现在您正在处理一个对象而不是一个简单的字符串，因此您可以像这样访问它的数据：

var cardImage = pickCard.card_image;
var cardName = pickCard.card_name;

或者

var cardImage = pickCard["card_image"];
var cardName = pickCard["card_name"];
于 2013-11-12T17:39:59.937 回答