Mazoezi ya Kubadilisha Vipengele kwa JavaScript

Задание 1

Weka safu. Onyesha vipengele vyake kwa umbo la orodha ul.

Задание 2

Badilisha tatizo lililotangulia ili kwa kubofya kwenye li yoyote, uingizaji wa maandishi (input) ionekane ndani yake, ambayo kwa kutumia hiyo itaweza kuhaririwa.

Задание 3

Badilisha tatizo lililotangulia ili chini ya orodha iwe na uingizaji wa maandishi, ambayo kwa kutumia hiyo itaweza kuongeza kipengele kipya mwishoni wa orodha ul. Fanya hivi, ili li mpya pia iweze kuhaririwa.

Задание 4

Badilisha tatizo lililotangulia ili mwisho wa kila li kuwe na kiungo 'futa', ambayo kwa kutumia hiyo itaweza kufuta hii li kutoka kwa ul.

Задание 5

Badilisha tatizo lililotangulia ili mwisho wa kila li pia kuwe na kiungo 'vuka kwa mstari', ambayo kwa kutumia hiyo itaweza kuvuka kwa mstari maandishi ya lebo hii li.

Safu ya Vitu na Jedwali

Задание 6

Weka safu ifuatayo na wafanyikazi:

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

Onyesha wafanyikazi hawa kwenye jedwali la HTML.

Задание 7

Ongeza uwezo wa kuhaririwa kwa seli za jedwali lililoundwa.

Задание 8

Ongeza kwenye jedwali lako safu mpya (kolumnu) yenye kiungo cha kufuta safu (mstari) kutoka kwenye jedwali.

Задание 9

Fanya chini ya jedwali iwe na 3 sehemu za uingizaji wa maandishi (input) na kifungo cha kuongeza mfanyikazi mpya. Acha kwenye sehemu za uingizaji wa maandishi ziweze kuandikia jina, umri na mshahara, na kwa kubonyeza kifungo mfanyikazi mpya anaongezwa kwenye jedwali. Weka uhariri wa seli kwa wafanyikazi waliyoongezwa wapya.

Safu ya Vitu na Orodha

Задание 10

Weka safu ifuatayo na wafanyikazi:

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

Onyesha kwenye skrini kila mfanyikazi kwenye lebo yake li ya lebo ul.

Задание 11

Fanya hivi, ili kwa kubofya kwenye jina, umri au mshahara wa mfanyikazi, uingizaji wa maandishi (input) uonekane kwa kuhariri uga (field) huo.

Задание 12

Ongeza mwisho wa kila lebo li kiungo cha kufuta hii li kutoka kwenye orodha.

Задание 13

Chini ya orodha fanya fomu ya kuongeza mfanyikazi mpya.