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:

let 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:

let 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.