卡翻转来自多个集合的Javascript

时间:2018-03-18 14:44:01

标签: javascript html arrays class card-flip

我正在使用javascript制作卡片翻转游戏,并希望能够提取不同的卡片组。 在data.js文件中,我有2个数组,一个用于一种语言的卡,另一个用于另一种语言的卡:

const cardsItalian = [{
    name: "Cane Bianco",
    image: "cane.png",
    id: "cane"
  },

  {
      name: "Cane Bianco",
      image: "cane2.png",
      id: "cane2"
    },

还有一张const cardsSpanish。

在game.js文件中,我可以从data.js调用数据,底部有以下内容:

const startGame = (cards, level) => {

// reset game variables
    gameStarted = false;
    moves = 0;
    matches = 0;
    setLevel(level);

    // reset HTML
    $('#game-board').empty();

    $(".clock").text('0:00');
    $("#moves").text('0');
    $('#winModal').hide();

    // Get cards and start the game
    let cardArray = makeCardArray(cardsItalian, level);

    shuffle(cardArray);
    displayCards(cardArray);

  };

此代码允许我从cardsItalian数组中取出卡片,或者我可以将其更改为cardsSpanish,但是我正在努力根据用户的选择弄清楚如何为其中一个做到这一点!使我抓狂。

我确定我可以添加一个条件,但我不知道在哪里

1 个答案:

答案 0 :(得分:0)

您可以尝试使用prompt

var cards = prompt("Please select set. Type 1 for Italian or 2 for Spanish", "1 or 2");

if (cards ==1) 
let cardArray = makeCardArray(cardsItalian, level);
else if (cards ==2) 
let cardArray = makeCardArray(cardsSpanish, level);
else
//exit or call the function again till valid entry is made in prompt

警告:

  

提示创建对话框,如果用户已阻止,则不会显示   对话框出现在网页上。当对话框出现太频繁时,   浏览器提供禁用它们的选项。