Scribd
Carregar
15 visualizações

Portfolio JavaScript

Enviado por

silviocesar.pjunior
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
15 visualizações

Portfolio JavaScript

Enviado por

silviocesar.pjunior
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 6

Relatório de aula prática:

Desenvolvimento em JavaScript

Aluno : Silvio César Paul Junior


SUMÁRIO
1 INTRODUÇÃO................................................................................
2 MÉTODOS......................................................................................
3 RESULTADOS.................................................................................
4 CONCLUSÃO..................................................................................
1 introdução

Este documento apresenta um exemplo de desenvolvimento de um formulário de


e-mail utilizando HTML, com funcionalidade de validação implementada em
JavaScript. O objetivo deste formulário é permitir que os usuários insiram seus
endereços de e-mail e verificar se o formato inserido é válido antes de enviar o
formulário.
O formulário HTML é projetado de forma simples e intuitiva, com um campo de
entrada para o endereço de e-mail e um botão de envio. A validação do endereço
de e-mail é realizada em tempo real, utilizando expressões regulares em JavaScript
para verificar se o formato do e-mail inserido pelo usuário corresponde aos padrões
comuns.
Além disso, uma mensagem explicativa é exibida ao usuário caso o endereço de
e-mail inserido não esteja em conformidade com os padrões necessários para ser
considerado válido. Isso ajuda a orientar o usuário sobre os formatos aceitos e a
corrigir quaisquer erros antes de prosseguir com o envio do formulário.
Este exemplo demonstra a integração entre HTML e JavaScript para criar uma
experiência de usuário mais interativa e responsiva, garantindo a precisão e
validade dos dados inseridos pelos usuários antes de serem submetidos.
2. Métodos

No Playcode, você pode utilizar HTML, CSS e JavaScript para criar e testar o código
em tempo real. Abaixo, vou descrever brevemente os métodos utilizados no código
para criar o formulário de e-mail com validação em JavaScript:

HTML (HTML5):

<form>: Define um formulário HTML que envolve os elementos do formulário.


<input>: Cria um campo de entrada onde os usuários podem inserir dados. No caso,
é utilizado para o campo de e-mail.
<button>: Cria um botão de envio para submeter o formulário.

CSS:

Não foi utilizado explicitamente no código fornecido. No entanto, pode ser usado
para estilizar o formulário e os elementos dentro dele, como cores de fundo, fontes,
etc.

JavaScript:

addEventListener(): Método usado para adicionar um ouvinte de evento a um


elemento HTML, neste caso, o formulário. É utilizado para escutar o evento de
submissão do formulário.
event.preventDefault(): Método utilizado para impedir o comportamento padrão do
navegador quando um evento ocorre, neste caso, impedindo o envio do formulário.
getElementById(): Método usado para obter uma referência a um elemento HTML
com base no seu ID.
trim(): Método usado para remover espaços em branco do início e do fim de uma
string.
Expressão Regular (Regex): Usada para validar o formato do e-mail. A expressão
regular ^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$ valida se o e-mail
fornecido está no formato correto.
test(): Método usado para testar se uma string corresponde a uma expressão
regular. Retorna true se a string corresponder à expressão regular e false caso
contrário.
alert(): Método utilizado para exibir uma caixa de diálogo com uma mensagem para
o usuário.

Esses são os principais métodos utilizados no código fornecido para criar um


formulário de e-mail com validação em JavaScript. Eles permitem interagir com os
elementos HTML, validar o e-mail inserido pelo usuário e fornecer feedback
adequado ao usuário.
3 Resultado:

Este é o códico feito na ferramente pela web https://playcode.io

O códico para validação do e-mail :https://playcode.io/1857126


4 conclusão

Após explorar o código JavaScript para validar e-mails no Playcode, podemos


concluir que:
O JavaScript oferece uma ampla gama de funcionalidades para validar dados de
entrada do usuário de forma dinâmica e responsiva. Ao utilizar métodos como
addEventListener() para ouvir eventos de submissão do formulário e test() para
validar o formato do e-mail com expressões regulares, podemos criar uma validação
de e-mail eficaz e interativa.
A implementação de expressões regulares em JavaScript permite uma validação
precisa do formato do e-mail, garantindo que apenas endereços de e-mail válidos
sejam aceitos de acordo com os padrões estabelecidos. Isso é alcançado de forma
eficiente e direta, sem a necessidade de depender exclusivamente de recursos
HTML.
A capacidade de fornecer feedback imediato ao usuário através de alertas ou
mensagens de erro também é fundamental para uma experiência de usuário
melhorada. Isso permite que os usuários saibam imediatamente se o endereço de
e-mail inserido não está em conformidade com os padrões esperados,
incentivando-os a corrigir quaisquer erros antes de prosseguir com a submissão do
formulário.
Em resumo, o JavaScript oferece uma abordagem flexível e poderosa para validar
dados de entrada do usuário, permitindo criar formulários interativos e funcionais
com foco na qualidade e precisão dos dados inseridos. Sua capacidade de interagir
dinamicamente com elementos HTML e implementar lógica personalizada de
validação torna-o uma ferramenta essencial para criar uma experiência de usuário
confiável e satisfatória.

Você também pode gostar