JavaScript-те элементтерді өзгертуге практикалық тапсырмалар

Массив берілген. Оның элементтерін ul тізімі түрінде шығарыңыз.

Алдыңғы тапсырманы өзгертіп, кез келген li элементіне басқанда, оны өңдеуге болатын енгізу өрісі пайда болатын етіңіз.

Алдыңғы тапсырманы өзгертіп, тізімнің астына 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 енгізу өрісі және батырма жасаңыз. Енгізу өрістеріне аты, жасы және жалақысы енгізілсін, ал батырманы басқанда жаңа жұмысшы кестеге қосылады. Жаңа қосылған жұмысшылар үшін де ұяшықтарды өңдеуді жүзеге асырыңыз.

Объектілер массиві және тізім

Келесі жұмысшылар массиві берілген:

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

Әрбір жұмысшыны өз ul тегінің li тегінде экранға шығарыңыз.

Жұмысшының атына, жасына немесе жалақысына басқанда, осы өрісті өңдеуге арналған енгізу өрісі пайда болатын етіңіз.

Әрбір li тегінің соңына осы li элементін тізімнен жоюға арналған сілтеме қосыңыз.

Тізімнің астына жаңа жұмысшы қосу үшін пішім жасаңыз.