Практыка на змяненне элементаў на JavaScript

Задание 1

Дадзены масіў. Выведзіце яго элементы ў выглядзе спісу ul.

Задание 2

Мадыфікуйце папярэднюю задачу так, каб па кліку на любую li у ёй з'яўляўся інпут, з дапамогай якога яе можна будзе папраўляць.

Задание 3

Мадыфікуйце папярэднюю задачу так, каб пад спісам быў інпут, з дапамогай якога можна будзе дадаць новы элемент у канец спісу ul. Зрабіце так, каб новыя li таксама можна было праўляць.

Задание 4

Мадыфікуйце папярэднюю задачу так, каб у канцы кожнай li стаяла спасылка 'выдаліць', з дапамогай якой можна будзе выдаліць гэтую li з ul.

Задание 5

Мадыфікуйце папярэднюю задачу так, каб у канцы кожнай li таксама стаяла спасылка 'закрэсліць', з дапамогай якой можна будзе закрэсліць тэкст дадзенага тэга li.

Задание 6

Дадзены наступны масіў з работнікамі:

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

Выведзіце гэтых работнікаў у HTML табліцы.

Задание 7

Дадайце ячэйкам створанай табліцы магчымасць праўлення.

Задание 8

Дадайце ў вашу табліцу новую калонку са спасылкай на выдаленне шэрагу з табліцы.

Задание 9

Зрабіце пад табліцай 3 інпута і кнопку для дадання новага работніка. Хай у інпуты ўводзяцца імя, узрост і зарплата, і па націску на кнопку новы работнік дадаецца ў табліцу. Рэалізуйце праўленне ячаек для зноў дададзеных работнікаў.

Задание 10

Дадзены наступны масіў з работнікамі:

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

Выведзіце на экран кожнага работніка ў сваім тэгу li тэга ul.

Задание 11

Зрабіце так, каб па кліку на імя, узрост ці зарплату работніка з'яўляўся інпут для праўлення гэтага поля.

Задание 12

Дадайце ў канец кожнага тэга li спасылку на выдаленне гэтага li з спісу.

Задание 13

Пад спісам зрабіце форму для дадання новага работніка.