Aula Prática: Joguinho da Memória

 Vamos publicar na web um joguinho da memória, feito em HTML. Isso parece muito legal, para você conseguir fazer isso, baixe o arquivo abaixo e publique em: https://pinme.eth.limo/

Para publicar é muito simples, basta enviar o arquivo e ele será publicado online e você poderá acessar o link e jogar o jogo da memória. 

Link para baixar o arquivo e enviar para a nuvem:  CLIQUE AQUI

Sendo que como tudo não é tão fácil eu criei alguns desafios para serem feitos no joguinho e creio que vocês irão conseguir fazer. Vamos ver quais são os desafios?]

1- Reduzir o número de cartas para 6 pares (12 cartas) - Atualmente tem 8 pares

Modificar o array emojis para ter 6 elementos e ajustar o placar.

Código modificado:

javascript

// Antes (8 pares)
const emojis = ['🐶', '🐱', '🐭', '🐹', '🐰', '🦊', '🐻', '🐼'];

// Depois (6 pares)
const emojis = ['🐶', '🐱', '🐭', '🐹', '🐰', '🦊'];

// E atualizar a mensagem de vitória
if (matchedPairs === 6) {  // antes era 8
    document.getElementById('message').textContent = '🎉 Parabéns! Você venceu! 🎉';
}

2- Adicionar elemento HTML para mostrar tentativas (após a div de score):

html

<div class="score">Tentativas: <span id="attempts">0</span></div>

3- Incrementar no checkMatch() (antes de verificar se são iguais):

javascript

function checkMatch() {
    const [idx1, idx2] = flippedCards;
    const card1 = document.querySelector(`.card[data-index='${idx1}']`);
    const card2 = document.querySelector(`.card[data-index='${idx2}']`);
    
    attempts++;  // incrementa tentativa
    document.getElementById('attempts').textContent = attempts;  // atualiza display
    
    // ... resto do código permanece igual
}

Depois que cumprir os 3 desafios propostos compartilhe o código:

COMPARTILHAR O LINK (TURMA 01)

COMPRATILHAR O LINK (TURMA 02)