/arrastaesolta

Sistema arrasta e solta feito em HTML, CSS e JavaScript

Primary LanguageJavaScript

Arrasta e Solta

Sistema arrasta e solta feito em HTML, CSS e JavaScript

Demo do Projeto


Objetivo do projeto

Objetivo de criar o projeto arrasta e solta é melhorar meus conhecimentos nas tecnologias que estou focado HTML, CSS e JavaScript, as principais funcionalidades do sistema é arrastar os elementos de uma área e soltar em outra, porém o elemento não pode ser solto em qualquer lugar existe validações para informar em qual área deve ficar e quando os elementos estiverem na ordem correta a área fica verde para alertar que está correto.


Aprendizados

Nesse sistema coloquei em prática os conhecimentos de manipulação do DOM usando JavaScript. Também foi muito relevante práticar uso de funções, seleção de elementos, utilizar verificação para saber qual área está selecionada.

Funcionalidades do projeto

Arrastar elementos
Organizar os elementos
Informar local correto do elemento
Informar sequência correta dos elementos

Tecnologias utilizadas para criar o projeto

  • HTML
  • CSS
  • JavaScript
  • Agradecimentos

  • B7web
  • Autor

    John Helder Araújo