Projeto 1: criação de formulario utilizando JavaScript.
Na atividade prática deste módulo, você irá praticar todos os conceitos aprendidos. Se tiver dúvidas, retome o passo a passo nas aulas.
-
Crie um formulário HTML que possua dois campos numéricos: campo A campo B
-
Insira um botão para submeter o formulário.
-
Crie uma validação no JavaScript, na qual o formulário será válido caso o número B seja maior que o número A.
-
Exiba uma mensagem positiva para o usuário quando o formulário for válido e uma mensagem negativa quando for inválido.
-
Suba no Github no repositório do curso em uma branch chamada exercicio_html_js.
Neste modulo aprendi sobre:
- Conceito e estrutura do DOM;
- A relação entre os diferentes níveis da estrutura do DOM;
- manipulação de elementos e atributos do DOM com JavaScript;
- Aplicação de eventos e interação no DOM;
- Métodos de seleção de elementos do DOM;
- Aplicação de seletores complexos e encadeados;
- Manipulação de elementos selecionados;
- Como utilizar o JavaScript para manipular formulários;
- Validações personalizadas de formulários;
- Como habilitar e desabilitar elementos com base em validações;
- Recuperação valores de campos usadas para formulários;
- Compreenção sobre a necessidade e a importância de adicionar eventos a elementos HTML usando JavaScript;
- Criação de funções de manipulação de eventos em elementos HTML;
- Implementação de interatividade dinâmica em páginas da web através da manipulação de eventos;
- Aplicação de estilos dinamicamente a elementos HTML usando JavaScript;
- Utilização de classes CSS em conjunto com JavaScript para adicionar e remover estilos de elementos;
- Criação de classes personalizadas para modificar o estilo dos elementos;
- Utilização de estilos para realçar ou destacar elementos inválidos para facilitar o feedback visual ao usuário.