https://github.com/luisdasartimanhas/trabalho-desenvolvimento-web-crud
Agenda de Contatos
https://github.com/luisdasartimanhas/trabalho-desenvolvimento-web-crud
css3 html5 ifes js
Last synced: 11 days ago
JSON representation
Agenda de Contatos
- Host: GitHub
- URL: https://github.com/luisdasartimanhas/trabalho-desenvolvimento-web-crud
- Owner: LUISDASARTIMANHAS
- License: gpl-3.0
- Created: 2025-06-14T13:18:50.000Z (11 days ago)
- Default Branch: main
- Last Pushed: 2025-06-14T13:24:19.000Z (11 days ago)
- Last Synced: 2025-06-14T14:29:18.674Z (11 days ago)
- Topics: css3, html5, ifes, js
- Language: JavaScript
- Homepage: https://luisdasartimanhas.github.io/trabalho-desenvolvimento-web-CRUD/
- Size: 102 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 2025/1 - SI 5º - Desenvolvimento Web I - Prof. David
Atividade: CRUD Javascript (Data Limite: 15/06 - 20 pontos)
Atividade Dupla
Agora que você sabe manipular o DOM via Javascript, faça um sistema com as seguintes características.
Um sistema de Agenda de Contatos com os seguintes campos: Nome, Telefone e E-mail. Todos obrigatórios.
Os campos deverão ficar na tela, juntamente a um botão Inserir.
Abaixo, deverá ficar uma tabela com as seguintes colunas de título: Nome, Telefone, E-mail e Ações.
Ao preencher os dados e clicar no botão Inserir, os dados dos campos devem ser inseridos na tabela via Javascript. Na coluna Ações, para cada registro, deverá ter dois botões: Excluir e Editar.
Ao clicar no botão Excluir do respectivo registro, a linha do registro deverá ser excluída. Antes de excluir, você pode usar a função Confirm do Javascript para emitir uma mensagem de confirmação antes da exclusão.
Ao clicar no botão Editar, os valores da tabela deverão ser substituídos por inputs para edição, na mesma linha do registro na tabela e com os mesmos valores para serem editados. E a coluna Ações deverá ser substituída por um botão Salvar Edição e Cancelar.
Faça um layout bonito, utilizando as técnicas de CSS vistas até o momento. Este item também será levado em conta para avaliação.
Envio: O envio deve ser em formato de arquivo compactado (ZIP), contendo todos os arquivos do projeto.