Introdução
Neste projeto, você aprenderá como criar um jogo simples de empilhamento de frutas usando HTML, CSS e JavaScript. O objetivo é empilhar as frutas que caem na parte superior da página na caixa na parte inferior. Se houver três frutas idênticas na caixa, elas serão removidas automaticamente.
👀 Pré-visualização
O efeito de eliminação se parece com isto:
O efeito não removível é o seguinte:
🎯 Tarefas
Neste projeto, você aprenderá:
- Como configurar o projeto abrindo os arquivos fornecidos no editor
- Como adicionar um manipulador de eventos de clique aos itens de frutas na parte superior da página
- Como implementar a lógica do jogo para adicionar, remover e eliminar os itens de frutas
- Como finalizar o projeto e testar a funcionalidade
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Usar jQuery para manipular o DOM (Document Object Model) e lidar com eventos
- Implementar a lógica básica do jogo usando JavaScript
- Criar uma interface de usuário simples e interativa
- Testar e depurar seu código para garantir a funcionalidade desejada
