Տարրերի փոփոխություն JavaScript-ով պրակտիկա

Задание 1

Տրված է զանգված: Արտահայտեք դրա տարրերը ցանկի ul տեսքով:

Задание 2

Փոփոխեք նախորդ խնդիրը այնպես, որ ցանկացած li-ի վրա կտտացնելիս նրա մեջ հայտնվի input, որի օգնությամբ կարելի կլինի դա խմբագրել:

Задание 3

Փոփոխեք նախորդ խնդիրը այնպես, որ ցանկի տակ լինի input, որի օգնությամբ կարելի կլինի ավելացնել նոր տարր դրա վերջում 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 input և կոճակ նոր աշխատակից ավելացնելու համար: Թող input-ներում մուտքագրվեն անուն, տարիք և աշխատավարձ, և կոճակի վրա սեղմելիս նոր աշխատակիցը ավելանա աղյուսակում: Իրականացրեք բջիջների խմբագրում նոր ավելացված աշխատակիցների համար:

Задание 10

Տրված է հետևյալ զանգվածը աշխատակիցներով:

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

Արտահայտեք էկրանին յուրաքանչյուր աշխատակից իր li տեգում ul տեգի մեջ:

Задание 11

Ապահովեք, որ անվան, տարիքի կամ աշխատավարձի վրա կտտացնելիս հայտնվի input դրա խմբագրման համար:

Задание 12

Ավելացրեք յուրաքանչյուր li տեգի վերջում հղում այդ li-ն ցանկից ջնջելու համար:

Задание 13

Ցանկի տակ արեք ձև նոր աշխատակից ավելացնելու համար: