Praktika dėl elementų keitimo naudojant JavaScript

Задание 1

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

Задание 2

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

Задание 3

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.

Задание 4

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

Задание 5

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ė

Задание 6

Duotas toks darbuotojų masyvas:

javascriptlet 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.

Задание 7

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

Задание 8

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

Задание 9

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

Задание 10

Duotas toks darbuotojų masyvas:

javascriptlet 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.

Задание 11

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

Задание 12

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

Задание 13

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