Mazoezi ya Kubadilisha Vipengele kwa JavaScript
Weka safu. Onyesha vipengele vyake kwa umbo la
orodha ul.
Badilisha tatizo lililotangulia ili
kwa kubofya kwenye li yoyote, uingizaji wa maandishi (input) ionekane ndani yake,
ambayo kwa kutumia hiyo itaweza kuhaririwa.
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.
Badilisha tatizo lililotangulia ili
mwisho wa kila li kuwe na kiungo 'futa',
ambayo kwa kutumia hiyo itaweza kufuta hii
li kutoka kwa ul.
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
Weka safu ifuatayo na wafanyikazi:
let 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.
Ongeza uwezo wa kuhaririwa kwa seli za jedwali lililoundwa.
Ongeza kwenye jedwali lako safu mpya (kolumnu) yenye kiungo cha kufuta safu (mstari) kutoka kwenye jedwali.
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
Weka safu ifuatayo na wafanyikazi:
let 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.
Fanya hivi, ili kwa kubofya kwenye jina, umri au mshahara wa mfanyikazi, uingizaji wa maandishi (input) uonekane kwa kuhariri uga (field) huo.
Ongeza mwisho wa kila lebo li kiungo
cha kufuta hii li kutoka kwenye orodha.
Chini ya orodha fanya fomu ya kuongeza mfanyikazi mpya.