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:
javascriptlet 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:
javascriptlet 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.