An open API service indexing awesome lists of open source software.

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: 12 days ago
JSON representation

Agenda de Contatos

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.