Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Trabalho JavaScript Rogerio Batista Ampli

    Enviado por

    rogerioba28
    53 visualizações4 páginas

    Título original

    trabalho_JavaScript_rogerio_batista_ampli

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    53 visualizações4 páginas

    Trabalho JavaScript Rogerio Batista Ampli

    Enviado por

    rogerioba28

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 4

    Ampli

    By
    Anhaguera

    Graduação em Jogos
    Digitais
    JavaScript

    Aluno: Rogério Batista de Oliveira


    Problema Proposto:
    - Construir função simples para validação de campo de e-mail de um determinado formulário
    feito em HTML utilizando a plataforma Playcode.io. Declarar as variáveis que serão utilizadas;

    Escrita de código em JavaScript para validar campo de um formulário simples para colega de e-
    mail. Apresentar uma mensagem orientando como preencher corretamente o campo de e-
    mail.

    Atividade proposta: - Criar um novo projeto dentro do Playcode.io composto por um pequeno
    formulário com campo para colega de email que deve ser informado pelo usuário. - Escrever
    código que deverá verificar se o campo de e-mail está preenchido corretamente, mostrar uma
    mensagem ao usuário informando a composição correta de um e-mail. - Criar relatório final de
    atividades.

    Procedimentos para a realização da atividade:


    Você deverá:

    Criar um novo projeto (abrir o editor) no playcode.io.

    Escolher um projeto vazio (empty).

    Colocar um código em HTML simples e com ele um código em JavaScript que deverá fazer
    validação de campo para coleta de e-mail.

    Mostrar mensagem de erro e de orientação (escolha a melhor forma de apresentar essa


    mensagem), explicando a estrutura de um e-mail.
    Resolução do problema proposto.
    Segue cópia do programa

    Index.html
    <!DOCTYPE html>
    <html lang="pt">
    <head>
    <form id="emailForm">
    <label for="email">E-mail:</label>
    <input type="email" id="email" name="email">
    <button type="submit">Verificar</button>
    </form>
    </head>
    <body>
    <h1 id="header"></h1>

    <script src="src/script.js"></script>
    </body>
    </html>

    Script.js
    document.getElementById("emailForm").addEventListener("submit",
    function(event) {
    event.preventDefault(); // Impede o envio do formulário
    const emailInput = document.getElementById("email");
    const emailValue = emailInput.value;
    // Use uma expressão regular para verificar o formato do e-mail
    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.");
    }
    });
    Segue documento em anexo, realizado no Playcoe.io.

    Relatório
    Introdução: O objetivo deste relatório é apresentar um programa que faz a
    validação de campo de e-mail em HTML e JavaScript. A validação de campo de
    e-mail é importante porque ajuda a garantir que os usuários insiram endereços
    de e-mail válidos em formulários da web.
    Descrição do programa:
    O código acima cria um formulário com um campo de entrada para o e-mail e
    um botão para validação. Quando o botão é clicado, a
    função validateEmail() é chamada. Essa função usa uma expressão regular
    para validar o formato do e-mail inserido no campo de entrada. Se o formato
    for válido, uma mensagem de sucesso é exibida. Caso contrário, uma
    mensagem de erro é exibida.
    A expressão regular usada no exemplo acima é /^[^\s@]+@[^\s@]+\.[^\s@]+$/.
    Essa expressão regular valida se o formato do e-mail inserido é válido. A
    estrutura básica de um endereço de e-mail é nome-de-usuario@dominio.com. A
    expressão regular acima valida se o nome de usuário não contém espaços em
    branco ou o caractere @, se o domínio não contém espaços em branco ou o
    caractere @ e se o domínio contém pelo menos um ponto.
    .
    Análise do código: O código HTML cria um formulário com um campo de
    entrada para o e-mail e um botão para validação. O código JavaScript define a
    função validateEmail(), que é chamada quando o botão é clicado. A expressão
    regular valida se o formato do e-mail inserido no campo de entrada é válido.

    Resultados: Para testar a validação do campo de e-mail, você pode inserir


    vários endereços de e-mail no campo de entrada do formulário. Se o endereço
    for válido, uma mensagem de sucesso será exibida. Caso contrário, uma
    mensagem de erro será exibida.

    Conclusão: Em conclusão, a validação de campo de e-mail é importante porque


    ajuda a garantir que as informações sejam coletadas corretamente em
    formulários da web. O programa apresentado neste relatório usa HTML,
    JavaScript e expressões regulares para validar o formato do endereço de e-mail
    inserido no campo de entrada.

    Você também pode gostar