Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 记忆卡游戏_Javascript - Fatal编程技术网

Javascript 记忆卡游戏

Javascript 记忆卡游戏,javascript,Javascript,到目前为止,每当我出现不匹配,比赛照常进行。然而,在我得到我的第一个“比赛”后,游戏就不再运行了。这意味着牌仍然翻转,但游戏不再检查匹配或不匹配。没有发出警报 cardArray.sort(() => 0.5 - Math.random()) const board = document.querySelector('.grid') var cardsChosen = [] var cardsChosenId = [] //create board function createBoar

到目前为止,每当我出现不匹配,比赛照常进行。然而,在我得到我的第一个“比赛”后,游戏就不再运行了。这意味着牌仍然翻转,但游戏不再检查匹配或不匹配。没有发出警报

cardArray.sort(() => 0.5 - Math.random())
const board = document.querySelector('.grid')
var cardsChosen = []
var cardsChosenId = []

//create board
function createBoard() {
    for (let i = 0; i < cardArray.length; i++ ) {
        var card = document.createElement('img')
        card.setAttribute('src', 'images/back.png')
        card.setAttribute('data-id', i)
        card.addEventListener('click', flipCard)
        board.appendChild(card)
    }
}

//check for match
function checkForMatch() {
    var cards = document.querySelectorAll('img')
    const optionOneId = cardsChosenId[0]
    const optionTwoId = cardsChosenId[1]
    if (cardsChosen[0] ===  cardsChosen[1]) {
        alert('You found a match!')
        cards[optionOneId].setAttribute('src', cardArray[cardId].img)
        cards[optionTwoId].setAttribute('src', cardArray[cardId].img)
    
    } else {
        cards[optionOneId].setAttribute ('src', 'images/back.png')
        cards[optionTwoId].setAttribute ('src', 'images/back.png')
        alert('Please try again')
    }
    cardsChosen = []
    cardsChosenId = []

}
createBoard()