Практика на промена на елементи во 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

Под листата направете форма за додавање на нов вработен.