Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
aula_busca_por_cidade
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
aula_busca_por_cidade/nbproject/private/private.propertiesbrowser=Chrome.INTEGRATED
aula_busca_por_cidade/nbproject/private/private.xml
aula_busca_por_cidade/nbproject/project.propertiesfile.reference.aula1211-public_html=public_html
file.reference.aula1211-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.aula1211-public_html}
test.folder=${file.reference.aula1211-test}
aula_busca_por_cidade/nbproject/project.xml
org.netbeans.modules.web.clientproject
aula1211
aula_busca_por_cidade/public_html/buscar.html
Nome
Nome
Sobrenome
Idade
Cidade
aula_busca_por_cidade/public_html/buscarporcidade.html
Cidade
Nome Sobre Nome Idade Cidade
aula_busca_por_cidade/public_html/index.html
Nome
Sobrenome
Idade
Cidade
Buscar por nome
Buscar por Cidade
aula_busca_por_cidade/public_html/js/buscar.jsvar pessoas;
var btnconsultar;
function aoCarregarPagina() {
btnconsultar = document.getElementById("btnconsultar");
btnconsultar.addEventListener('click', buscar);
}
function buscar() {
if (localStorage.getItem("tbPessoas") !== null) {
var arrpessoas = JSON.parse(localStorage.getItem("tbPessoas"));
const result = arrpessoas["pessoas"].find(p => p.nome === document.getElementById("txtnome").value);
console.log(result);
try {
document.getElementById("lblnome").textContent = result.nome;
document.getElementById("lblsobrenome").textContent = result.sobrenome;
document.getElementById("lblidade").textContent = result.idade;
document.getElementById("lblcidade").textContent = result.cidade;
} catch (e) {
alert("Pessoa não encontrada!");
}
} else {
alert("Não existem pessoas cadastradas");
}
}
aula_busca_por_cidade/public_html/js/buscarporcidade.jsvar pessoas;
var btnconsultar;
function aoCarregarPagina() {
btnconsultar = document.getElementById("btnconsultar");
btnconsultar.addEventListener('click', buscar);
}
function buscar() {
if (localStorage.getItem("tbPessoas") !== null) {
var arrpessoas = JSON.parse(localStorage.getItem("tbPessoas"));
//perceba o comando filter, ele permite encontrar mais que um objeto
const result = arrpessoas["pessoas"].filter(p => p.cidade === document.getElementById("txtcidade").value);
console.log(result);//imprime no console javascript os registros encontrados.
try {
var tabela = document.getElementById("tblpessoas");
tabela.innerHTML = ""; //limpa o corpo da table hmtl
//para cada i faça
if (result.length > 0) {
for (i in result) { //vai ler o array até o ultimo elemento automaticamente
let linha = tabela.insertRow(0); //insere uma linha vazia na table html
let celnome = linha.insertCell(0); //insere uma celula vazia na linha criada acima
let celsobrenome = linha.insertCell(1);//insere uma celula vazia na linha criada acima
let celidade = linha.insertCell(2);//insere uma celula vazia na linha criada acima
let celcidade = linha.insertCell(3);//insere uma celula vazia na linha criada acima
celnome.innerHTML = result[i].nome; //insere o valor do nome encontrado no array na celula nome
celsobrenome.innerHTML = result[i].sobrenome; //insere o valor do sobrenome do nome encontrado no array na celula valor
celidade.innerHTML = result[i].idade; //insere o valor da idade encontrado no array na celula idade
celcidade.innerHTML = result[i].cidade; //insere o valor da cidade encontrado no array na celula cidade
}
} else {
alert("Pessoa não encontrada!");
}
} catch (e) {
alert("Pessoa não encontrada!");
}
} else {
alert("Não existem pessoas cadastradas");
}
}
aula_busca_por_cidade/public_html/js/codigo.jsvar pessoas;
var btngravar;
function aoCarregarPagina() {
btngravar = document.getElementById("btngravar");
btngravar.addEventListener('click', gravar);
}
function gravar() {
if (localStorage.getItem("tbPessoas") !== null) {
var arrpessoas = JSON.parse(localStorage.getItem("tbPessoas"));
} else {
var json_pessoas = '{"pessoas":[]}';
var arrpessoas = JSON.parse(json_pessoas);
}
arrpessoas["pessoas"].push(new Pessoa(
document.getElementById("txtnome").value,
document.getElementById("txtsobrenome").value,
document.getElementById("txtidade").value,
document.getElementById("txtcidade").value
));
localStorage.setItem("tbPessoas", JSON.stringify(arrpessoas));
alert("Registro adicionado.");
}
class Pessoa {
constructor(nome, sobrenome, idade, cidade) {
this.nome = nome;
this.sobrenome = sobrenome;
this.idade = idade;
this.cidade = cidade;
}
nomeCompleto() {
return this.nome + " " + this.sobrenome;
}
}
aula_busca_por_cidade/aula_busca_por_cidade/nbproject/private/private.propertiesbrowser=Chrome.INTEGRATED
aula_busca_por_cidade/aula_busca_por_cidade/nbproject/private/private.xml
file:/C:/Users/profe/Desktop/aula_busca_por_cidade/aula_busca_por_cidade/public_html/buscarporcidade.html
file:/C:/Users/profe/Desktop/aula_busca_por_cidade/aula_busca_por_cidade/public_html/js/buscarporcidade.js
aula_busca_por_cidade/aula_busca_por_cidade/nbproject/project.propertiesfile.reference.aula1211-public_html=public_html
file.reference.aula1211-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.aula1211-public_html}
test.folder=${file.reference.aula1211-test}
aula_busca_por_cidade/aula_busca_por_cidade/nbproject/project.xml
org.netbeans.modules.web.clientproject
aula1211
aula_busca_por_cidade/aula_busca_por_cidade/public_html/buscar.html
Nome
Nome
Sobrenome
Idade
Cidade
aula_busca_por_cidade/aula_busca_por_cidade/public_html/buscarporcidade.html
Cidade
Nome Sobre Nome Idade Cidade
aula_busca_por_cidade/aula_busca_por_cidade/public_html/index.html
Nome
Sobrenome
Idade
Cidade
Buscar por nome
Buscar por Cidade
aula_busca_por_cidade/aula_busca_por_cidade/public_html/js/buscar.jsvar pessoas;
var btnconsultar;
function aoCarregarPagina() {
btnconsultar = document.getElementById("btnconsultar");
btnconsultar.addEventListener('click', buscar);
}
function buscar() {
if (localStorage.getItem("tbPessoas") !== null) {
var arrpessoas = JSON.parse(localStorage.getItem("tbPessoas"));
const result = arrpessoas["pessoas"].find(p => p.nome === document.getElementById("txtnome").value);
console.log(result);
try {
document.getElementById("lblnome").textContent = result.nome;
document.getElementById("lblsobrenome").textContent = result.sobrenome;
document.getElementById("lblidade").textContent
= result.idade;
document.getElementById("lblcidade").textContent = result.cidade;
} catch (e) {
alert("Pessoa não encontrada!");
}
} else {
alert("Não existem pessoas cadastradas");
}
}
aula_busca_por_cidade/aula_busca_por_cidade/public_html/js/buscarporcidade.jsvar pessoas;
var btnconsultar;
function aoCarregarPagina() {
btnconsultar = document.getElementById("btnconsultar");
btnconsultar.addEventListener('click', buscar);
}
function buscar() {
if (localStorage.getItem("tbPessoas") !== null) {
var arrpessoas = JSON.parse(localStorage.getItem("tbPessoas"));
//perceba o comando filter, ele permite encontrar mais que um objeto
const result = arrpessoas["pessoas"].filter(p => p.cidade === document.getElementById("txtcidade").value);
console.log(result);//imprime no console javascript os registros encontrados.
try {
var tabela = document.getElementById("tblpessoas");
tabela.innerHTML = ""; //limpa o corpo da table hmtl
//para cada i faça
if (result.length > 0) {
for (i in result) { //vai ler o array até o ultimo elemento automaticamente
let linha = tabela.insertRow(0); //insere uma linha vazia na table html
let celnome = linha.insertCell(0); //insere uma celula vazia na linha criada acima
let celsobrenome = linha.insertCell(1);//insere uma celula vazia na linha criada acima
let celidade = linha.insertCell(2);//insere uma celula vazia na linha criada acima
let celcidade = linha.insertCell(3);//insere uma celula vazia na linha criada acima
celnome.innerHTML = result[i].nome; //insere o valor do nome encontrado no array na celula nome
celsobrenome.innerHTML = result[i].sobrenome; //insere o valor do sobrenome do nome encontrado no array na celula valor
celidade.innerHTML = result[i].idade; //insere o valor da idade encontrado no array na celula idade
celcidade.innerHTML = result[i].cidade; //insere o valor da cidade encontrado no array na celula cidade
}
} else {
alert("Pessoa não encontrada!");
}
} catch (e) {
alert("Pessoa não encontrada!");
}
} else {
alert("Não existem pessoas cadastradas");
}
}
aula_busca_por_cidade/aula_busca_por_cidade/public_html/js/codigo.jsvar pessoas;
var btngravar;
function aoCarregarPagina() {
btngravar = document.getElementById("btngravar");
btngravar.addEventListener('click', gravar);
}
function gravar() {
if (localStorage.getItem("tbPessoas") !== null) {
var arrpessoas = JSON.parse(localStorage.getItem("tbPessoas"));
} else {
var json_pessoas = '{"pessoas":[]}';
var arrpessoas = JSON.parse(json_pessoas);
}
arrpessoas["pessoas"].push(new Pessoa(
document.getElementById("txtnome").value,
document.getElementById("txtsobrenome").value,
document.getElementById("txtidade").value,
document.getElementById("txtcidade").value
));
localStorage.setItem("tbPessoas", JSON.stringify(arrpessoas));
alert("Registro adicionado.");
}
class Pessoa {
constructor(nome, sobrenome, idade, cidade) {
this.nome = nome;
this.sobrenome = sobrenome;
this.idade = idade;
this.cidade = cidade;
}
nomeCompleto() {
return this.nome + " " + this.sobrenome;
}
}Compartilhar
Continue navegando
Compartilhar