Πρακτική στην Τροποποίηση Στοιχείων σε JavaScript

Δίνεται ένας πίνακας. Εμφανίστε τα στοιχεία του ως μια λίστα ul.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε με κλικ σε οποιοδήποτε li να εμφανίζεται ένα πεδίο εισαγωγής, με το οποίο θα μπορείτε να το επεξεργαστείτε.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε κάτω από τη λίστα να υπάρχει ένα πεδίο εισαγωγής, με το οποίο θα μπορείτε να προσθέσετε ένα νέο στοιχείο στο τέλος της λίστας ul. Βεβαιωθείτε ότι τα νέα li μπορούν επίσης να επεξεργαστούν.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε στο τέλος κάθε li να υπάρχει ένας σύνδεσμος 'διαγραφή', με τον οποίο θα μπορείτε να διαγράψετε αυτό το li από το ul.

Τροποποιήστε το προηγούμενο πρόβλημα έτσι ώστε στο τέλος κάθε li να υπάρχει επίσης ένας σύνδεσμος 'διάγραφη γραμμής', με τον οποίο θα μπορείτε να διαγράψετε το κείμενο αυτής της ετικέτας li.

Πίνακας αντικειμένων και πίνακας δεδομένων

Δίνεται ο ακόλουθος πίνακας με εργαζόμενους:

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

Εμφανίστε αυτούς τους εργαζόμενους σε έναν πίνακα HTML.

Προσθέστε τη δυνατότητα επεξεργασίας στα κελιά του πίνακα που δημιουργήσατε.

Προσθέστε στον πίνακα σας μια νέα στήλη με σύνδεσμο για διαγραφή της σειράς από τον πίνακα.

Τοποθετήστε κάτω από τον πίνακα 3 πεδία εισαγωγής και ένα κουμπί για την προσθήκη νέου εργαζομένου. Αφήστε στα πεδία εισαγωγής να εισάγονται όνομα, ηλικία και μισθός, και με πάτημα στο κουμπί ο νέος εργαζόμενος προστίθεται στον πίνακα. Υλοποιήστε την επεξεργασία κελιών για τους νεοπροσληφθέντες εργαζόμενους.

Πίνακας αντικειμένων και λίστα

Δίνεται ο ακόλουθος πίνακας με εργαζόμενους:

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

Εμφανίστε στην οθόνη κάθε εργαζόμενο στο δικό του στοιχείο li της ετικέτας ul.

Φροντίστε ώστε με κλικ στο όνομα, την ηλικία ή τον μισθό του εργαζομένου να εμφανίζεται ένα πεδίο εισαγωγής για επεξεργασία αυτού του πεδίου.

Προσθέστε στο τέλος κάθε ετικέτας li έναν σύνδεσμο για διαγραφή αυτού του li από τη λίστα.

Κάτω από τη λίστα δημιουργήστε μια φόρμα για προσθήκη νέου εργαζομένου.