Resumo da Live TikTok 13072024 – Desvendando o Código

Olá Pessoal!

Na Live do dia 13/07/2024 foram abordados os seguintes temas:

Revisão de Incremento;
Sinal de comparação;
Exercícios com DOM;
Operador Ternário;
Objetos;
Classe;
Herança;
Função Construtora;
Função de Seta.

SINAL DE COMPARAÇÃO
var a = 10;
var b = a;

console.log( a == b );
console.log( a === b );

EXERCÍCIO 01

HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercício 01</title>
</head>
<body>
    <h1>Programa Par ou Ímpar </h1>
    <form>
        <p>Número:
            <input type="number" id="inNumero"
            autofocus required>            
        </p>
        
        <input type="submit" value="checar">

    </form>

    <button id="limpar"> Limpar </button>
    <h3></h3>
    <script src="script.js"></script>
</body>
</html>

JAVASCRIPT

const frm = document.querySelector('form');

const resp = document.querySelector('h3');
const limpar = document.querySelector('#limpar');

frm.addEventListener('submit', (e)=>{
e.preventDefault();

const numero = Number(frm.inNumero.value);

// if (numero % 2 == 0){
//     resp.innerText = ` ${numero} é par`
// }else{
//     resp.innerText = ` ${numero} é ímpar`

// }

const resposta =
 numero % 2 === 0 ? ' é par' : 'ímpar'

resp.innerText = ` ${numero} ${resposta}`

})

limpar.addEventListener('click', ()=>{
    frm.inNumero.value = '';
    resp.innerText = '';
})





ORIENTAÇÃO A OBJETOS
CLASSE PESSOA

export default  class Pessoa{
    
    constructor(nome,  idade){

        this.nome = nome;
        this.idade = idade;

        this.apresentar = function(){

            console.log('Olá, eu sou' +
                this.nome + ' e tenho ' +
                this.idade + 'anos');
        }
    }
}

// const pessoa1 = new Pessoa('Marcos', 43);
// pessoa1.apresentar();

CLASSE PESSOA JURIDICA

import Pessoa from "./ClassePessoa.js";

class PessoaJuridica extends Pessoa{

constructor(nome, idade, cnpj){
    super(nome, idade);
    this.cnpj = cnpj;
}
exibirCNPJ(){
    console.log(`CNPJ: ${this.cnpj}`)
}

}
const pessoa2 =
new PessoaJuridica('Maria', 30, '12356789');

pessoa2.exibirCNPJ()

console.log(pessoa2.nome)

pessoa2.apresentar();

PACKAGE.JSON

{
"type": "module"

}