Práctica sobre modificación de elementos en JavaScript

Se da un array. Muestra sus elementos en forma de lista ul.

Modifica el problema anterior para que al hacer clic en cualquier li aparezca un input con el que se pueda editar.

Modifica el problema anterior para que debajo de la lista haya un input con el que se pueda agregar un nuevo elemento al final de la lista ul. Haz que los nuevos li también se puedan editar.

Modifica el problema anterior para que al final de cada li haya un enlace 'eliminar', con el que se pueda eliminar ese li del ul.

Modifica el problema anterior para que al final de cada li también haya un enlace 'tachar', con el que se pueda tachar el texto de esta etiqueta li.

Array de objetos y tabla

Se da el siguiente array con empleados:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Muestra estos empleados en una tabla HTML.

Agrega a las celdas de la tabla creada la posibilidad de edición.

Agrega a tu tabla una nueva columna con un enlace para eliminar la fila de la tabla.

Debajo de la tabla, haz 3 inputs y un botón para agregar un nuevo empleado. Que en los inputs se ingresen nombre, edad y salario, y al presionar el botón el nuevo empleado se agrega a la tabla. Implementa la edición de celdas para los empleados recién agregados.

Array de objetos y lista

Se da el siguiente array con empleados:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Muestra en pantalla a cada empleado en su propia etiqueta li de la etiqueta ul.

Haz que al hacer clic en el nombre, la edad o el salario del empleado aparezca un input para editar ese campo.

Agrega al final de cada etiqueta li un enlace para eliminar este li de la lista.

Debajo de la lista, haz un formulario para agregar un nuevo empleado.