Entendendo sobre Objetos em Javascript

[@theomoura2620]

Fala prof, eu costumo pensar que quero dedicar minha vida, ou grande parte dela, pra melhorar a vida das pessoas e ajudar o máximo q eu puder o mundo. Vendo o seu canal, não consigo imaginar a quantidade de pessoas que você impactou e ajudou durante todos esses anos de trabalho duro e dedicação, fornecendo conteúdos de extrema qualidade e de graça. Agradeço de coração toda a sua dedicação e empenho em melhorar o mundo

[@batata_com_batata]

Essa aula foi mt massa. Eu esperei você explicar de como funcionaria o exercício e quando entendi já tinha em mente de como fazê-lo. Eu usei o localStorage como banco de dados, isto é, quando o usuário adicionar novas pessoas, elas tbm serao armazenadas no banco de dados. Também usei o Map() ao invés da array pois achei mais legível: const personsList = new Map() Coloquei botão pra deletar a pessoa, que é sicronizado com o banco de dados. Ou seja, se eu deletar na inteface, deleta no banco de dados tbm

[@IgorDuarte-fx5hl]

que aula prof!! aprendendo muito com voce

[@willi_ansilvaoliveira]

aula top

[@Kathun020]

presente

[@rogeriocurtio7683]

Exercício bem prático, tô anotando bastante no console os comandos e funcionalidades sobre objetos !

[@AndersonSantos-ur4nf]

Ótima explicação, obrigado por compartilhar o conhecimento, parabéns pelo seu trabalho.

[@jotadagostin1381]

Otima aula com um lindo codigo.

[@miranda4923]

Mais uma aula top.

[@ricardoerickrebelo3380]

Eu já tinha criado um método para adicionar parágrafos na div, o código de publicar ficou bem mais simples. E eu peguei o texto do info() da classe.

[@arrobacoca3883]

Alexmerdson é um nome excelente

[@Elldevv]

kkkkkkkkkkkkkk, na moral, seu conteúdo é muito top, agora os nomes das pessoas meu amigo, esses nao tem igual kkk. obrigado por tudo

[@Gustavo100xgamer]

Obrigado pela aula Professor!

[@joaooliveira5136]

Excelente aula! Obrigado!

[@ricardoerickrebelo3380]

A idade em string? A primeira coisa que eu pensei quando fui dar um new de Pessoa foi colocar Number() em idade.

[@gonsandiego]

O .map() serve pra iterar né? O .repeat() também serve?

[@gonsandiego]

Vale a pena usar JS junto com o Python da tag ou não faz sentido, tem comandos que fazem a conexão dessas duas tags?

[@kauaclayton9969]

gostei do meu código:

[@kauaclayton9969]

let pessoas = [] button.addEventListener('click',()=>{ if(iidade.value > 110 || iidade.value < 0){ alert('coloque uma idade provavel') } else{ if(inome.value == ""){ alert('insira um nome por favor') } else{ let p = new Pessoa(inome.value, iidade.value) pessoas.push(p) dados.innerHTML += `Nome:${p.getNome()} Idade:${p.getIdade()} ----------------- ` iidade.value = '' inome.value = '' inome.focus() console.log(pessoas) } } })

[@kauaclayton9969]

dei um att no final: lse{ let p = new Pessoa(inome.value, iidade.value) pessoas.push(p) const divnew = document.createElement('div') divnew.setAttribute('class', 'pessoa') divnew.innerHTML += `Nome:${p.getNome()} Idade:${p.getIdade()}` dados.appendChild(divnew) iidade.value = '' inome.value = '' inome.focus() console.log(pessoas)

[@wandersonbritosantos4890]

eu so consigo imaginar o uso de class em games. T.T

[@gonsandiego]

É possível traduzir o texto de uma string para outro idioma através do próprio JS?

[@SLZGAM3R]

Deve ter alguma biblioteca que faz isso, ou vc pode criar objetos com os textos em ingles e portugues, e uma função para decidir qual linguagem é para mostrar

[@vitorac412]

Eu fiz essa função de mostras, de duas formas diferentes, segue: const itemAdicionado = document.createElement("p"); itemAdicionado.textContent = `Nome: ${p.getNome()}, Idade: ${p.getIdade()}`; res.appendChild(itemAdicionado); e: const mostrasPessoas = () => { res.innerHTML = ""; for (let p of pessoas) { res.innerHTML += `Nome: ${p.getNome()}, Idade: ${p.getIdade()}`; } };

[@luiscesar3937]

minha solução /* Nome: idade */ /* definindo a classe pessoa */ class pessoa { constructor (nome = "jane doe", idade = 11) { this.nome = nome this.idade = idade } GetName () {return this.nome} GetIdade () {return this.idade} SetName (nome) {this.nome = nome} SetIdade (idade) {this.idade = idade} } function CriaCaixa({nome, idade}) { let caixa = document.createElement("div") caixa.setAttribute("class", "caixa") caixa.innerHTML = ` ${nome} ${idade} ` return caixa } function LimparDisplay(component) { console.log(component) component.value = "" } document.addEventListener("DOMContentLoaded", () => { let campo = document.getElementById("campo") let form = document.getElementById("fom") let nome = document.getElementById("nm") let idade = document.getElementById("idadevalor") let form2 = document.getElementById("fun") let nome_apagar = document.getElementById("anm") function loadItemsFromLocalStorage() { const itemsString = localStorage.getItem("pessoas"); if(itemsString) { const pessoas = JSON.parse(itemsString) pessoas.forEach(pessoa => { campo.appendChild(CriaCaixa(pessoa)) }); } } loadItemsFromLocalStorage() function saveItemToLocalStorage(pessoa) { const pessoas = JSON.parse(localStorage.getItem("pessoas")) || [] pessoas.push(pessoa) localStorage.setItem("pessoas", JSON.stringify(pessoas)) }; function ReloadoSaveLocalStorage(pessoas) { localStorage.clear() localStorage.setItem("pessoas", JSON.stringify(pessoas)) } function ReloadComponents() { let divs = [...document.querySelectorAll(".dado")] divs.map((element) => { if(element.innerText == nome_apagar.value) { campo.removeChild(element.parentNode) } }) } function IsPresente(nome) { const pessoas = JSON.parse(localStorage.getItem("pessoas")) console.log("nome buscado" + nome) return pessoas.some((pessoa) => { return pessoa.nome == nome }) } form.addEventListener("submit", (event) => { event.preventDefault() if(!IsPresente(nome.value)){ p1 = new pessoa(nome.value, idade.value) campo.appendChild(CriaCaixa(p1)) saveItemToLocalStorage(p1) LimparDisplay(nome) LimparDisplay(idade) } else { alert("pessoa já foi registrada") LimparDisplay(nome) LimparDisplay(idade) } }) form2.addEventListener("submit", (event) => { event.preventDefault() const itemstring = localStorage.getItem("pessoas"); if(itemstring) { if(IsPresente(nome_apagar.value)){ let pessoas = [...JSON.parse(itemstring)] pessoas = pessoas.filter((pa) => { if (pa.nome != nome_apagar.value) { return true } }) ReloadoSaveLocalStorage(pessoas) ReloadComponents() LimparDisplay(nome_apagar) } else { alert("impossivel remover pessoa não está na lista") LimparDisplay(nome_apagar) } } }) })

[@willi_ansilvaoliveira]

acho que fico um codigo pequeno