<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<form action="">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome"><br>
<label for="nascimento">Data nascimento:</label>
<input type="text" id="nasc" name="nasc"><br>
<input type="button" id="btConfirmar" value="Novo">
<div id="listaContatos"></div>
</form>
<script type="text/javascript">
var idContato = 1;
var contatos = [];
var criarContato = function(pnome, pnascimento) {
var contato = { id: idContato++, nome: pnome, nascimento: pnascimento};
return contato;
}
var armazenarContato = function(contato,contatos) {
contatos[contatos.length] = contato;
}
var pesquisarContatoPeloId = function(id, contatos) {
// Percorrer todos os contatos
for(var i=0;i<contatos.length;i++) {
// Se for o contato esperado, retorne este contato!
if(contatos[i].id===id) {
return contatos[i];
}
}
}
var excluirContatoPeloId = function(id, contatos) {
// Percorrer todos os contatos
for(var i=0;i<contatos.length;i++) {
// Se for o contato esperado, elimine o contato!
if(contatos[i].id===id) {
contatos.splice(i,1);
}
}
}
var incluirNovoContato = function () {
var nome = document.getElementById("nome").value;
var nascimento = document.getElementById("nasc").value;
var contato = criarContato(nome, nascimento);
armazenarContato(contato, contatos);
listarContatosHTML();
}
document.getElementById("btConfirmar").onclick = incluirNovoContato;
var listarContatosHTML = function(){
var txtTab = "<ul>";
for (var i = 0; i < contatos.length; i++) {
s = contatos[i];
var botExclui = "<input type='button' onclick='excluir(" + s.id;
botExclui = botExclui + ")' value='excluir'>";
txtTab = txtTab + "<li>" + botExclui + s.nome + "</li>";
}
txtTab = txtTab + "</ul>";
document.getElementById("listaContatos").innerHTML = txtTab;
}
var excluir = function(id) {
if(confirm("Voce tem certeza?")===true) {
excluirContatoPeloId(id,contatos);
}
listarContatosHTML();
}
listarContatosHTML();
// Código de Teste!
/*
arm = criarContato("Armando", "23/4");
jam = criarContato("Jamanta", "22/5");
cla = criarContato("Claudio", "23/6");
armazenarContato(arm, contatos);
armazenarContato(jam, contatos);
armazenarContato(cla, contatos);
*/
/*
var txtTab = "<ul>";
for(var i=0;i<contatos.length;i++) {
s = contatos[i];
txtTab = txtTab + s.nome;
}
txtTab = txtTab + "</ul>";
*/
</script>
</body>
</html>
Comentários