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