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

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

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

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

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

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

Օբյեկտների զանգված և աղյուսակ

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

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

Արտահայտեք այս աշխատակիցներին HTML աղյուսակում:

Ավելացրեք ստեղծված աղյուսակի բջիջներին հնարավորություն խմբագրման:

Ավելացրեք ձեր աղյուսակին նոր սյունակ հղումով աղյուսակից տող ջնջելու համար:

Աղյուսակի տակ արեք 3 input և կոճակ նոր աշխատակից ավելացնելու համար: Թող input-ներում մուտքագրվեն անուն, տարիք և աշխատավարձ, և կոճակի վրա սեղմելիս նոր աշխատակիցը ավելանա աղյուսակում: Իրականացրեք բջիջների խմբագրում նոր ավելացված աշխատակիցների համար:

Օբյեկտների զանգված և ցանկ

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

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

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

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

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

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