Praktika dėl elementų keitimo naudojant JavaScript

Duotas masyvas. Atvaizduokite jo elementus kaip ul sąrašą.

Modifikuokite ankstesnį uždavinį taip, kad paspaudus bet kurią li, joje atsirastų įvesties laukas, kuriuo būtų galima ją redaguoti.

Modifikuokite ankstesnį uždavinį taip, kad po sąrašu būtų įvesties laukas, kuriuo galima būtų pridėti naują elementą į sąrašo ul pabaigą. Padarykite taip, kad naujus li taip pat būtų galima redaguoti.

Modifikuokite ankstesnį uždavinį taip, kad kiekvienos li pabaigoje būtų nuoroda 'pašalinti', kuria galima būtų pašalinti šią li iš ul.

Modifikuokite ankstesnį uždavinį taip, kad kiekvienos li pabaigoje taip pat būtų nuoroda 'perbraukti', kuria galima būtų perbraukti šio etiketės li tekstą.

Objektų masyvas ir lentelė

Duotas toks darbuotojų masyvas:

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

Atvaizduokite šiuos darbuotojus HTML lentelėje.

Sukurtos lentelės langeliams pridėkite galimybę redaguoti.

Pridėkite į jūsų lentelę naują stulpelį su nuoroda eilutei iš lentelės pašalinti.

Padarykite po lentele 3 įvesties laukus ir mygtuką naujam darbuotojui pridėti. Tegul įvesties laukuose įvedamas vardas, amžius ir atlyginimas, ir paspaudus mygtuką naujas darbuotojas pridedamas į lentelę. Įgyvendinkite langelių redagavimą ką tik pridėtiems darbuotojams.

Objektų masyvas ir sąrašas

Duotas toks darbuotojų masyvas:

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

Atvaizduokite kiekvieną darbuotoją savo li etiketėje ul etiketėje.

Padarykite taip, kad paspaudus ant vardo, amžiaus arba atlyginimo darbuotojo, atsirastų įvesties laukas šiam laukui redaguoti.

Pridėkite į kiekvienos li etiketės pabaigą nuorodą šiai li pašalinti iš sąrašo.

Po sąrašu padarykite formą naujam darbuotojui pridėti.