Jogo de Combinação de Frutas com HTML, CSS, JavaScript

Intermediário

Neste projeto, você aprenderá a criar um simples jogo de 'Frutas Divertidas' usando HTML, CSS e JavaScript. O jogo envolve combinar pares de imagens de frutas clicando nos quadrados no tabuleiro.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como criar um jogo simples "Frutas Divertidas" usando HTML, CSS e JavaScript. O jogo envolve combinar pares de imagens de frutas clicando nos quadrados no tabuleiro do jogo.

👀 Pré-visualização

Fruit matching game preview

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como configurar os arquivos e diretórios do projeto
  • Como implementar a funcionalidade do botão Iniciar para mostrar e ocultar as imagens das frutas
  • Como implementar a funcionalidade de clicar nos quadrados para exibir as imagens das frutas
  • Como implementar a funcionalidade para comparar as duas imagens clicadas e atualizar a pontuação de acordo
  • Como atualizar a exibição da pontuação em tempo real

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Estruturar e organizar um projeto de desenvolvimento web
  • Usar JavaScript para manipular o DOM (Document Object Model) e lidar com interações do usuário
  • Usar jQuery para simplificar o código JavaScript e animações
  • Atualizar a interface do usuário em tempo real com base na lógica do jogo

Professor

labby
Labby
Labby is the LabEx teacher.