main_backup.js

$(document).ready(function() {
  var app = {
    cards: [1,1,2,2,3,3,4,4,5,5,6,6],
    init: function() {
      app.shuffle()
    },
    shuffle: function() {
      var random = 0
      var temp = 0
      for(var i = 0; i < app.cards.length; i++) {
        random = Math.floor((Math.random() * 12))
        temp = app.cards[i]
        app.cards[i] = app.cards[random]
        app.cards[random] = temp
        
      }
      app.assignCards()
      console.log('Shuffled Card Array: ' + app.cards)

        
    },
    assignCards: function() {
      $('.card').each(function(index) {
        $(this).attr('data-card-value', app.cards[index])
      })
      app.clickHandlers()
    },
    clickHandlers: function() {
      $('.card').on('click', function() {
        $(this).html('<p>' + $(this).data('cardValue') + '</p>' ).addClass('selected')
        app.checkMatch()
      })
    },
    checkMatch: function() {
      if ($('.selected').length == 2) {
        if ($('.selected').first().data('cardValue') === $('.selected').last().data('cardValue')) {
          // cards matched
          // remove cards
          $('.selected').each(function() {
            $(this).animate({opacity: 0}).removeClass('unmatched')
          })
          $('.selected').each(function() {
            $(this).removeClass('selected')
          })
          app.checkWin()
          
        } else {
          // cards didn't match
          // flip cards back over
          console.log('tester')
          setTimeout(function() {
            $('.selected').each(function() {
              $(this).html(' ').removeClass('selected')
              })
            }, 1000)
        }
      }
    },
    checkWin: function() {
      if ( $('.unmatched').length === 0 ) {
        $('.container').html('<h1>You Won!</h1>')
      }
    }
  }
  app.init()
})