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},
];

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

Задание 11

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

Задание 12

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

Задание 13

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