პრაქტიკა ელემენტების შეცვლაზე 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},
];

გამოიტანეთ ეკრანზე თითოეული თანამშრომელი თავის ტეგ li-ში, რომელიც მდებარეობს ul ტეგში.

Задание 11

გახადეთ ისე, რომ სახელზე, ასაკზე ან ხელფასზე დაწკაპუნებისას გამოჩნდეს ინფუთი ამ ველის რედაქტირებისთვის.

Задание 12

ყოველი li ტეგის ბოლოს დაამატეთ ბმული ამ li-ის სიიდან წაშლისთვის.

Задание 13

სიის ქვემოთ გაუკეთეთ ფორმა ახალი თანამშრომლის დასამატებლად.