Практика на измену елемената у JavaScript-у

Задание 1

Дат је низ. Прикажите његове елементе у облику списка ul.

Задание 2

Модификујте претходни задатак тако да кликом на било коју li у њој се појави унос поље (input) помоћу којег ће моћи да се измени.

Задание 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

Испод списка направите форму за додавање новог радника.