Pratica sulla modifica di elementi in JavaScript

Dato un array. Visualizza i suoi elementi come lista ul.

Modifica il problema precedente in modo che cliccando su qualsiasi li appaia un input, con cui può essere modificato.

Modifica il problema precedente in modo che sotto la lista ci sia un input, con cui si possa aggiungere un nuovo elemento alla fine della lista ul. Fai in modo che anche i nuovi li possano essere modificati.

Modifica il problema precedente in modo che alla fine di ogni li ci sia un link 'rimuovi', con cui si possa rimuovere quella li dal ul.

Modifica il problema precedente in modo che alla fine di ogni li ci sia anche un link 'barrato', con cui si possa barrare il testo di quel tag li.

Array di oggetti e tabella

Dato il seguente array con i dipendenti:

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

Visualizza questi dipendenti in una tabella HTML.

Aggiungi alle celle della tabella creata la possibilità di modificarle.

Aggiungi alla tua tabella una nuova colonna con un link per rimuovere la riga dalla tabella.

Sotto la tabella crea 3 input e un pulsante per aggiungere un nuovo dipendente. Lascia che negli input vengano inseriti nome, età e stipendio, e alla pressione del pulsante il nuovo dipendente viene aggiunto alla tabella. Implementa la modifica delle celle per i dipendenti appena aggiunti.

Array di oggetti e lista

Dato il seguente array con i dipendenti:

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

Visualizza ogni dipendente nel proprio tag li del tag ul.

Fai in modo che cliccando sul nome, età o stipendio del dipendente appaia un input per modificare quel campo.

Aggiungi alla fine di ogni tag li un link per rimuovere quel li dalla lista.

Sotto la lista crea un modulo per aggiungere un nuovo dipendente.