Практика по промяна на елементи в JavaScript
Даден е масив. Покажете елементите му като
списък ul.
Модифицирайте предходната задача така, че
при кликване върху която и да е li в нея да се появи
поле за въвеждане, чрез което тя да може да бъде
редактирана.
Модифицирайте предходната задача така, че
под списъка да има поле за въвеждане, чрез което
да може да се добави нов елемент в края
на списъка ul. Направете така, че новите
li също да могат да се редактират.
Модифицирайте предходната задача така, че
в края на всяка li да има връзка 'изтрий',
чрез която да може да се изтрие тази
li от ul.
Модифицирайте предходната задача така, че
в края на всяка li да има и връзка
'зачеркни', чрез която
да може да се зачертае текстът на дадения елемент
li.
Масив от обекти и таблица
Даден е следният масив със служители:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Покажете тези служители в HTML таблица.
Добавете възможност за редактиране на клетките на създадената таблица.
Добавете във вашата таблица нова колона със връзка за изтриване на ред от таблицата.
Направете под таблицата 3 полета за въвеждане и бутон
за добавяне на нов служител. Нека в
полетата за въвеждане се въвеждат име, възраст и заплата,
и при натискане на бутона новият служител се добавя
в таблицата. Реализирайте редактиране на клетки
за новодобавените служители.
Масив от обекти и списък
Даден е следният масив със служители:
javascriptlet employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Покажете на екрана всеки служител в свой
елемент li на елемент ul.
Направете така, че при кликване върху името, възрастта или заплатата на служителя да се появи поле за въвеждане за редактиране на това поле.
Добавете в края на всеки елемент li връзка
за изтриване на този li от списъка.
Под списъка направете форма за добавяне на нов служител.