วีดีโอ

Obrigado amigo. Muito sucesso

pra mim também não ta funcionando, o professor explica bem porém algo está desatualizado no codigo pois o botão de salvar dados nao ta funcionando no meu, tu conseguiu ajeitar?

@Gabriel Santos vou já testar amigo, pois eu nunca consegui corrigir esse problema aí eu te aviso se consegui..

@Gabriel Santos fiz o que tu disse o botão de salvar continua sem salvar no localstorage não cadastra.. será que é por que eu tô usando o bootstrapp versão 5 ? você usou qual versão?

meu codigo do index.js ta assim: var dados = [] // array -- recipiente pra armazenar dados em cada slote de dados - // jquery framwork do javascript pra trabalhar com o dom usa dolar $(function(){}) function PopulaTabela(){ //varrer todo array de dados e criar uma linha de tabela pra cada objeto q existir dentro do array //funcao serve pra reaproveitar codigos em mais pontos do sistema if(Array.isArray(dados)){ localStorage.setItem("__dados__", JSON.stringify(dados)) $("#tblDados tbody").html(" ") //codigo jqyer texto vazio pra todo conteudo da tbory to limpando a linhda da tabela pra escrever nova isso q fiz dados.forEach(function(item){ //template string --- escreve uma nova linha a cada novo objeto no array $("#tblDados tbody").append(`<tr> <td> ${item.ID} </td> <td> ${item.Nome} </td> <td>${item.Sobrenome} </td> <td> ${item.DtNascimento}</td> <td> ${item.Formacao}</td> </tr>`) }) } } $(function(){ //executa ao carregar da tela dados = JSON.parse(localStorage.getItem("__dados__")) // //converter //set item escreve valor aponta valor ... o getitem vê se tem algo armazenado.. vou jogar dentro da variavel dados //localstore api do htmls armazenar informacoes no cookines no navegador - armnazenar no sistema // armazena string no local store só texto que armazena o localstorage ele converte pra texto // //verificacao se for diferente de nulo popula tabela if (dados !=null){ PopulaTabela() } else {dados = []} $("#btnSalvar").click(function(){ //evento click botao salvar let Nome = $("#txtNome").val() //variavel q recebe conteudo digitado por usuario na tela val entrega o valor digitado no campo pra armazenar na variavel nome let Sobrenome = $("#txtSobrenome").val() let DtNascimento = new Date($("txtDtNascimento").val()).toLocaleDateString("pt-br", {timeZone:"UTC"}) //O DA DATA FOI FEITO PRA PASSAR A DATA PRO BRASIL NO FORMATO BRASILEIRO let Formacao = $("#txtFormacao").val() let registro = {} //objeto vazio registro.Nome = Nome registro.Sobrenome = Sobrenome registro.DtNascimento = DtNascimento registro.Formacao = Formacao registro.ID = dados.length + 1 //somar os id dados.push(registro) alert ("registro salvo com sucesso") $("#modalRegistro").modal("hide") //fechar modal hide //limpar campos da modal $("#txtNome").val("") $("#txtSobrenome").val("") $("#txtDtNascimento").val("") $("#txtFormacao").val("") PopulaTabela() }) })

@Gabriel Santos pois coloca o codigo do index.html ai do teu por favor, nele tem os arquivos do bootstrap 4.5, ai os outros eu uso o meu

que bom que pude ajudar cara! Muito sucesso na sua jornada!

boa tardee estou com problema de salvar no botão - você poderia disponibilizar o codigo do seu que deu certo ?

Amigo consegue me ajudar?! Fiz o processo do prof e o seu... As informações não estão atualizando na página

muito obrigado pelo feedback positivo! Fico muito feliz em ajudar, mesmo o vidro usando versões que hoje já estão um pouco defasadas

Puts...achei aqui...float-end kkkkk...essas atualizações acabam com a gente!

Olá amigo…. isso que já iria te responder. O vídeo foi gravado nos primeiros releases do Bootstrap, e já estamos no 5… então algumas coisas já atualizaram e não são exatamente como foram mostradas. Mas que bom que conseguiu! 💪

Pois é...comigo também esta dessa forma,tenho que primeiro criar as variáveis, adicionar no localStorage, transformar o array de objetos em string e só assim consigo salvar os dados.

@@fernandopereiradeandrade1331 Adicione um if else nessa parte do código: $(function () { dados = JSON.parse(localStorage.getItem("__dados__")); //Adicione isso: if (dados != null) { PopulaTabela(); } else {dados = []}

@@diegolopesdomingos8313 adicionei mas nao deu certo, me ajuda, coloca o código do index.js no comentário, obrigado

conseguiu mn??

como voce conseguiu me ajuda ? to com um problema em salvar os dados

tbm nao estou conseguindo. vc conseguiu resolver?

Você pode importar primeiro o jQuery no seu arquivo HTML, antes dos scripts do Bootstrap. <script src="code.jquery.com/jquery-1.9.1.js"></script>

é porque você deve está usando o bootstrap versão 5.0, e ele não deu o script do jquery . é só adicionar esse script abaixo dos outros. o script que falta <script src="code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>