Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Prévia do material em texto
SISTEMA DE ENSINO PRESENCIAL CONECTADO
CIÊNCIA DA COMPUTAÇÃO - BACHARELADO
ITALO LUIZ RAMOS DA SILVA
RELATORIO DE AULA PRÁTICA DA DISCIPLINA:
DESENVOLVIMENTO EM JAVASCRIPT
Pedra
2023
ITALO LUIZ RAMOS DA SILVA
RELATORIO DE AULA PRÁTICA DA DISCIPLINA:
DESENVOLVIMENTO EM JAVASCRIPT
Trabalho apresentado ao Curso (Ciência da Computação
- Bacharelado) da UNOPAR - Universidade Norte do
Paraná, para a disciplina [Desenvolvimento em
Javascript].
Orientador: Prof. Anderson Emidio de Macedo Goncalves
Pedra
2023
SUMÁRIO
1 INTRODUÇÂO .........................................................................................................3
2 MÉTODO ..................................................................................................................4
3 RESULTADOS .........................................................................................................7
4 CONCLUSÃO .......................................................................................................8
REFERÊNCIAS ..........................................................................................................9
3
1 INTRODUÇÃO
Foi utilizado um computador conectado à internet e o site “Playcode.io” indicado no
roteiro de aula prática disponibilizado no AVA. O objetivo da aula prática era criar um
projeto onde o usuário deverá preencher o campo de e-mail e o código escrito deverá
fazer a validação do e-mail, verificando se o e-mail está preenchido de forma correta.
Caso não esteja, o site retornará uma mensagem de erro, colocará o formulário em
foco, dando instruções de preenchimento e impedirá que o e-mail seja enviado, caso
esteja preenchido de forma correta o e-mail será enviado normalmente.
4
2 MÉTODO
2.1 MÉTODO
Para criar um formulário de e-mail 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 de e-mail.
Em seguida criar um código JavaScript com as interações contendo validação do e-
mail digitado pelo usuário. Caso o usuário digite um e-mail divergente do padrão,
mostrará uma mensagem informando a composição correta de um e-mail para ser
digitada
Segue o código abaixo:
<html>
<head>
<title>Formulário de E-mail</title>
</head>
<body>
<h1>Formulário de E-mail</h1>
<form onsubmit="return validarFormulario()" method="post">
5
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required>
<button type="submit">Enviar</button>
</form>
//começo do script
<script>
function validarFormulario() {
const emailInput = document.getElementById('email');
const email = emailInput.value.trim();
// Expressão regular para validar o formato do e-mail
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
alert('Por favor, insira um endereço de e-mail válido!');
6
emailInput.focus(); // Coloca o foco de volta no campo de e-mail
return false; // Impede o envio do formulário se o e-mail for inválido
}
// Se o e-mail for válido, o formulário pode ser enviado
return true;
}
</script>
</body>
</html>
7
2.2 RESULTADOS
- O resultado foi satisfatório, pois foi atingido o objetivo proposto na
aula prática, aprendemos a usar um determinado código capaz de
verificar se um e-mail está preenchido de forma correta e caso não
esteja, dar instruções para o preenchimento do mesmo. Já caso
esteja preenchido de forma correta o e-mail será enviado sem
problemas
8
3 CONCLUSÃO
Utilizando a linguagem de programação dentro da plataforma playcode.io, podemos
criar um formulário contendo as informações de e-mail do usuário, já no JavaScript,
foi inserido os comandos 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 pratica, pode-se se perceber o poder da linguagem de programação,
ela pode ajudar muito no dia a dia de um trabalho, tornando-o mais dinamico, atrativo
e profissional
9
REFERÊNCIAS
Playcode < https://playcode.io/>. Acesso em: 20 novembro. 2023.Mais conteúdos dessa disciplina
Cálculo - UN1 - Vídeo 01- AULA 05 e 06 AGROSTOLOGIA E FORRAGICULTURA
- MOTORES DE COMBUSTÃO
- 3 Jogos Infantis Para Criar com Materiais Recicláveis - Parte 2
- Cálculos e Derivadas em Matemática
- Matematica 4 ano - Porcentagem
- Mapa Mental - Geometria das Figuras
- Faveri_2015_Desempenho e morfologia intestinal de frangos de corte na fase de crescimento, com e sem adição de nucleoticeos
- Leia o excerto a seguir: “Numa integração conceitual, a depreciação é, portanto, a perda de valor sofrida por um bem num dado intervalo de tempo ...
- Sejam M = log 30 e N = log 300. Na igualdade x + N = M, qual é o valor de x? Opção A - 2. Opção B - 1. Opção C 0. Opção D +1. Opção E +2.
- Questão 6 Assim, o texto (da Agenda 21) assinala que alguns países concordaram em assumir o ano 2000 como prazo limite para cumprir a meta [de 0.7% do
- egundo o princípio de Arquimedes, se um corpo se encontra total ou parcialmente imerso em umfluido e sofre uma força igual ao peso do volume de líquid
- (VUNESP/2020) Uma entidade comercial contratou antecipação de recebíveis em uma instituição financeira em 02.01.2019 com prazo de 8 meses. Sabe-se ...
- quais sao as equipes da f1
- Questão 7 de 10 Uma certa cidade tem terreno de formato retangular de 80 m2 , em que um lado tem 2m a mais que o outro. O prefeito dessa cidade pre...
- Uma pessoa possui uma dívida de R$ 5.000 e quer quitar 4 meses antes do vencimento, considerando que o banco utiliza um desconto comercial simples, co
- Na empresa Metal S/A no mês de fevereiro houve 1 acidente com 5 empregados lesionados, sabendo que houve 4.800 horas-homem trabalhadas qual a taxa de
- Um ativo de renda fixa é um instrumento financeiro cuja característica principal é o reconhecimento do valor do resgate no início do prazo da aplicaçã
- Observa-se as inconsistências nos registros, como, por exemplo, verifica-se se todas as perguntas foram respondidas, as respostas incoerentes e se ...
- As rendas podem ser classificadas considerando quatro parâmetros, prazo, valor, período e forma. Considerando a afirmativa e os parâmetros de prazo e
- Estima-se que os retornos de um determinado mercado tenham distribuição normal, com média 20% e desvio padrão 10%. A probabilidade de perdas financeir
- frações equivalente
- sat