mariojambo / javascript_drag_and_drop_challenge

Projeto de Arrastar e Soltar (Drag and Drop)

Este é um projeto simples de arrastar e soltar (drag and drop) implementado com HTML, CSS e JavaScript. Permite que você arraste a carta e a solte em uma caixa vazia.

Demonstração do projecto

Captura de ecrã 2023-07-29, às 21 35 04

Funcionalidades

• Arraste o elemento com a classe .fill para dentro de uma das caixas vazias com a classe .empty.
• O elemento .fill fica invisível durante o arraste.
• O elemento arrastado é adicionado à caixa vazia quando solto.
• O projeto é responsivo e funciona em dispositivos móveis.

Pré-requisitos

Não há pré-requisitos para executar este projeto. Basta abrir o arquivo index.html em um navegador compatível.

Como usar

1. Faça o download ou clone este repositório em sua máquina local.
2. Navegue até o diretório do projeto e abra o arquivo index.html em seu navegador.

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir problemas (issues) ou enviar um pull request com melhorias, correções de bugs ou novas funcionalidades.

Licença

Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE para obter detalhes.

Autor

O projeto foi criado por Mário Jambo. Você pode saber mais sobre no site: [mariojambo.com](# Projeto de Arrastar e Soltar (Drag and Drop)

Este é um projeto simples de arrastar e soltar (drag and drop) implementado com HTML, CSS e JavaScript. Permite que você arraste um elemento e o solte em uma caixa vazia.

Funcionalidades

• Arraste o elemento com a classe .fill para dentro de uma das caixas vazias com a classe .empty.
• O elemento .fill fica invisível durante o arraste.
• O elemento arrastado é adicionado à caixa vazia quando solto.
• O projeto é responsivo e funciona em dispositivos móveis.

Pré-requisitos

Não há pré-requisitos para executar este projeto. Basta abrir o arquivo index.html em um navegador compatível.

Como usar

1. Faça o download ou clone este repositório em sua máquina local.
2. Navegue até o diretório do projeto e abra o arquivo index.html em seu navegador.

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir problemas (issues) ou enviar um pull request com melhorias, correções de bugs ou novas funcionalidades.

Autor

O projeto foi criado por Mário Jambo. Você pode encontrar mais informações no site: mariojambo.com)

Agradecimentos

• Este projeto foi inspirado em tutoriais e exemplos disponíveis online.