Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Deveraula18 1595547456

    Enviado por

    Caio Araújo
    12 visualizações5 páginas
    O documento descreve um sistema de cadastro de alunos com as seguintes funcionalidades: 1) Cadastro de alunos separados por turno (manhã, tarde e noite) 2) Links no topo para cadastrar ou consultar cadastros 3) Ao cadastrar, os dados são exibidos por turno

    Descrição original:

    Título original

    deveraula18_1595547456

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    TXT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    O documento descreve um sistema de cadastro de alunos com as seguintes funcionalidades: 1) Cadastro de alunos separados por turno (manhã, tarde e noite) 2) Links no topo para cadastrar ou consultar cadastros 3) Ao cadastrar, os dados são exibidos por turno

    Direitos autorais:

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

    Deveraula18 1595547456

    Enviado por

    Caio Araújo
    O documento descreve um sistema de cadastro de alunos com as seguintes funcionalidades: 1) Cadastro de alunos separados por turno (manhã, tarde e noite) 2) Links no topo para cadastrar ou consultar cadastros 3) Ao cadastrar, os dados são exibidos por turno

    Direitos autorais:

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

    DEVER DE CASA

    crie um sistema de cadastro com as seguintes classes:


    veiculo (modelo, ano e cor), moto(cilindrada,categoria), carro(motor, cambio e
    direção)

    no topo da página deverá ter um link para o formulário de motos ou de carros. Ao


    cadastrar os dados aparecerão após o formulário.

    /////////////////// Código USADO EM AULA


    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>

    <body>

    </body>
    <script>
    class Animal {
    constructor(patas) {
    this.patas = patas;
    }

    respirar() {
    document.write("Esse animal respira oxigênio <br>")
    }

    class Cachorro extends Animal { // extends fala que cachorro é uma extensao,
    uma subclasse de animal.

    constructor(patas) {
    super(patas); // super é a indicação da classe "pai"
    // método super é o construtor da classe "pai"
    }

    latir() {
    document.write("Esse cachorro late. <br>")
    }
    }

    class Gato extends Animal {


    constructor(patas) {
    super(patas)
    }

    mia() {
    document.write("Esse gato mia <br>")
    }
    }

    let doguinho = new Cachorro(4);


    let gatinho = new Gato(4);

    doguinho.respirar();
    doguinho.latir();

    gatinho.respirar();
    gatinho.mia();
    /*
    class Pessoas{
    nome; email; nascimento; telefone;
    participaAula(){
    document.write("Em sala.<br/>")
    }
    }

    class Aluno extends Pessoas{


    constructor(nome, email, nascimento, telefone){
    super.nome = nome;
    super.email = email;
    super.nascimento = nascimento;
    super.telefone = telefone;
    }

    participaAula(){
    document.write("Assistindo<br/>");
    }
    }

    class Professor extends Pessoas{


    constructor(){
    super.nome = prompt("Digite o nome:")
    super.email = prompt("Digite o email do professor")
    super.nascimento = prompt("Digite a data de nascimento:")
    super.telefone = prompt("Digite o telefone")
    this.turno = prompt("Digite o turno desejado:")
    }
    participaAula(){
    document.write("Lecionando<br/>");
    }
    }/*
    let aluno1 = new Aluno("Juca","juca@gmail.com","22/01/2000","21 98171-9965")
    let prof = new Professor()
    let p1 = new Pessoas()

    class PessoaFisica extends Pessoas{


    CPF;
    }
    /*
    p2 = new PessoaFisica();
    p2.nome = "juca";
    p2.CPF = "122345567"

    class PessoaJuridica extends Pessoas{


    CNPJ;
    }
    */
    class Veiculos {
    constructor(){
    /*tipo; // terrestre, áreo ou marítmo
    capacidade; // qtd de pessoas carregadas
    porte; //pequeno, médio ou grande
    categoria;
    alcance;//distância máxima percorrida
    velocidade; // velocidade máxima atingida*/
    this.tipo = "Terrestre";
    this.capacidade = 2;
    this.porte = "pequeno";
    this.categoria = prompt("Qual a categoria desta moto?");
    this.alcance = prompt("Qual a distância percorrida com um tanque?")
    this.velocidade = prompt("Qual a velocidade máxima?")
    }
    }

    class Moto extends Veiculos{


    constructor(){
    super();// roda os comandos do construtor da superclasse
    this.modelo=prompt("Digite o modelo da moto:");
    this.acessorios = ["capacete","luva","jaqueta"];
    }
    }
    let motoca = new Moto();
    document.write("Modelo:",motoca.modelo)
    // polimorfismo => capacidade de alterar o comportamento de um método
    // de acordo com o objeto gerado.
    //encapsulamento => capacidade de gerar heranças;
    // super classe e sub classe. classe pai/mãe e classe filho. classe principal e
    // classe secundária. HERANÇAS

    </script>

    </html>

    ////////////////////////// DEVER DE CASA


    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <h3>Enunciado</h3>
    <p>
    Faça um sistema de cadastro de alunos com nome, data de nascimento
    e turno.
    Separe em alunos da manhã, da tarde e da noite.
    Deverá ter 2 LINKS no topo da página: CADASTRAR e CONSULTAR
    ao clicar em cadastrar o formulário é exibido.
    Ao clicar em consultar os cadastros são exibidos
    (não aparece o formulário),
    sendo primeiro a turno da manhã, depois a da tarde e por ultimo
    a turno da
    noite.
    </p>
    <hr />
    <a href="#" onclick="mostraCadastro();">CADASTRAR</a> -
    <a href="#" onclick="mostraConsulta();">CONSULTAR</a><br />
    <div id="consultas">
    <h2>Alunos cadastrados</h2>
    <h3>Manhã</h3>
    <span id="m"></span>
    <h3>Tarde</h3>
    <span id="t"></span>
    <h3>Noite</h3>
    <span id="n"></span>
    </div>
    <div id="cadastro">

    <input type="text" id="nome" placeholder="Nome Completo" /><br />


    <input type="date" id="nasc" /> Data de nascimento<br />
    <select id="turno">
    <option value="m">Manhã</option>
    <option value="t">Tarde</option>
    <option value="n">Noite</option>
    </select>
    <br/><br/>
    <button onclick="cadastra()">Cadastrar</button>

    </div>
    <hr />
    </body>
    <script>
    document.getElementById("cadastro").style.display = "none";
    document.getElementById("consultas").style.display = "none";

    function mostraCadastro() {
    document.getElementById("cadastro").style.display = "block";
    document.getElementById("consultas").style.display = "none";
    }

    function mostraConsulta() {
    document.getElementById("cadastro").style.display = "none";
    document.getElementById("consultas").style.display = "block";
    }
    var turma = {
    manha: [],
    tarde: [],
    noite: []
    };

    dadosManha = "";
    dadosTarde = "";
    dadosNoite = "";

    function cadastra() {

    var pessoas = {
    nome: document.getElementById("nome").value,
    nasc: document.getElementById("nasc").value,
    turno: document.getElementById("turno").value
    };

    if (pessoas.turno === "m") {


    turma.manha.push(pessoas);
    dadosManha += "Nome: " + turma.manha[turma.manha.length - 1].nome +
    "<br>";

    dadosManha += "Data de Nascimento: " + turma.manha[turma.manha.length -


    1].nasc
    + "<br>";

    dadosManha += "############################### <br>";

    document.getElementById('m').innerHTML = dadosManha;

    } else if (pessoas.turno === "t") {

    turma.tarde.push(pessoas);

    dadosTarde += "Nome: " + turma.tarde[turma.tarde.length - 1].nome +


    "<br>";

    dadosTarde += "Data de Nascimento: " + turma.tarde[turma.tarde.length -


    1].nasc
    + "<br>";

    dadosTarde += "############################### <br>";

    document.getElementById('t').innerHTML = dadosTarde;

    } else if (pessoas.turno === "n") {

    turma.noite.push(pessoas);

    dadosNoite += "Nome: " + turma.noite[turma.noite.length - 1].nome +


    "<br>";

    dadosNoite += "Data de Nascimento: " + turma.noite[turma.noite.length -


    1].nasc
    + "<br>";

    dadosNoite += "############################### <br>";

    document.getElementById("n").innerHTML = dadosNoite;

    }
    document.getElementById("nome").value="";
    document.getElementById("nasc").value="";
    }

    </script>

    </html>

    Você também pode gostar