Prática na alteração de elementos em JavaScript
Dado um array. Exiba seus elementos na forma de
uma lista ul.
Modifique a tarefa anterior para que
ao clicar em qualquer li, apareça nela
um input, com o qual será possível
editá-la.
Modifique a tarefa anterior para que
haja um input abaixo da lista, com o qual
seja possível adicionar um novo elemento ao final
da lista ul. Faça com que os novos
li também possam ser editados.
Modifique a tarefa anterior para que
no final de cada li haja um link 'remover',
com o qual seja possível remover essa
li do ul.
Modifique a tarefa anterior para que
no final de cada li também haja um link
'tachar', com o qual
seja possível tachar o texto dessa tag
li.
Array de objetos e tabela
Dado o seguinte array com funcionários:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Exiba esses funcionários em uma tabela HTML.
Adicione às células da tabela criada a possibilidade de edição.
Adicione à sua tabela uma nova coluna com um link para remover a linha da tabela.
Faça abaixo da tabela 3 inputs e um botão
para adicionar um novo funcionário. Permita que os
inputs recebam nome, idade e salário,
e ao clicar no botão o novo funcionário é adicionado
à tabela. Implemente a edição de células
para funcionários recém-adicionados.
Array de objetos e lista
Dado o seguinte array com funcionários:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Exiba na tela cada funcionário em sua própria
tag li dentro da tag ul.
Faça com que, ao clicar no nome, idade ou salário do funcionário, apareça um input para editar esse campo.
Adicione no final de cada tag li um link
para remover esse li da lista.
Abaixo da lista, faça um formulário para adicionar um novo funcionário.