Relatório Desenvolvimento JavaScript

Prévia do material em texto

Relatório de Aula prática - Desenvolvimento em JavaScript
1- Introdução
Java Script é uma linguagem de programação usada por desenvolvedores para fazer páginas interativas na internet. Nesta atividade será criado um projeto na plataforma playcode.io, colocando um código simples em HTML e com ele um código em JavaScript que deverá fazer a validação de campo para coleta de email, mostrando mensagem de erro e de orientação, explicando a estrutura de um email.
2- Métodos
Para criar um formulário de email simples em HTML e JavaScript , para orientação do usuário, será necessário abrir o navegador, entrar no site da plataforma playcode.io. Na opção Arquivo+, ir em “Novo”. Criar o nome index.html e inserir o código em HTML contendo as informações para validação do email.
 Em Seguida criar um código JavaScript com as interações contendo validação do email digitado pelo usuário. Caso o usuário digite um email divergente fora do padrão, mostrará uma mensagem informando a composição correta de um email para ser digitada.
 3- Estrutura
Html
 E-mail:
verificar
...
Javascript
Document.getElementByld(“emailFrom”).addEventListener(“submit,function (event)
{
Event.preventDefault(): //
Const emailnput = document.GetElementByld(“email”)
Const emailValue = emailnpute.value;
Const emailregex = / [^\s@] + @[^ \s@]+ \.[ ^ \s@]+$/
If emailregex.test(emailValue)){
Alert(“E-mail válido!”);
} else
{
Alert (“E-mail inválido. Insira um E-mail válido.”);
}
});
 4- Resultados
Mensagem de Alerta: inclua um “@” no endereço de e-mail (***), esta com “@” faltando.
5- Conclusão
O JavaScript permite inserir vários efeitos, fazendo com que o site fique mais dinamico, principalmente, porque permite o programado da web melhorar a página do site. A linguagem de programação JavaScript nos permite executar instruções como respostas as ações do usuário.
 O HTML é o componente base da web. Isso quer dizer que ele permite a construção de websites e a inserção de novos conteúdos, como imagens e videos, por meio de dps hipertexto
Utilizando a imagem da programação por meio da plataforma playcode.io, podemos criar um formulário contendo as informações de e-mail do usuário, já no JavaScript, foi inserido o comando de interações de validação para os campos, alertando com uma mensagem de erro, caso o usuário digitasse o e-mail errado ou fora do padrão exigido.
Nesta atividade prática, pode-se perceber o poder da linguagem de programação, ela pode ajudar muito no dia a dia de um trabalho, tornado ele mais dinamico, atrativo e profissional. 
image.png