პრაქტიკა ელემენტების შეცვლაზე JavaScript-ში

მოცემულია მასივი. გამოიტანეთ მისი ელემენტები სიის ul სახით.

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

შეცვალეთ წინა ამოცანა ისე, რომ სიის ქვემოთ იყოს ინფუთი, რომლის საშუალებითაც შესაძლებელი იქნება ახალი ელემენტის დამატება სიის ul ბოლოში. გახადეთ ისე, რომ ახალ li ელემენტების რედაქტირებაც შესაძლებელი იყოს.

შეცვალეთ წინა ამოცანა ისე, რომ ყოველი li-ის ბოლოს იყოს ბმული 'წაშლა', რომლის საშუალებითაც შესაძლებელი იქნება ამ li-ის წაშლა ul-დან.

შეცვალეთ წინა ამოცანა ისე, რომ ყოველი li-ის ბოლოს ასევე იყოს ბმული 'გადახაზვა', რომლის საშუალებითაც შესაძლებელი იქნება ამ ტეგის ტექსტის გადახაზვა li.

ობიექტების მასივი და ცხრილი

მოცემულია შემდეგი მასივი თანამშრომლებით:

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

გამოიტანეთ ეს თანამშრომლები HTML ცხრილში.

შექმნილი ცხრილის უჯრებს დაამატეთ რედაქტირების შესაძლებლობა.

თქვენს ცხრილს დაამატეთ ახალი სვეტი ცხრილიდან რიგის წაშლის ბმულით.

ცხრილის ქვემოთ გაუკეთეთ 3 ინფუთი და ღილაკი ახალი თანამშრომლის დასამატებლად. დაე, ინფუთებში შევიდეს სახელი, ასაკი და ხელფასი, და ღილაკზე დაწკაპუნებისას ახალი თანამშრომელი დაემატოს ცხრილს. რედაქტირების შესაძლებლობა გააკეთეთ ახლად დამატებული თანამშრომლების უჯრებისთვისაც.

ობიექტების მასივი და სია

მოცემულია შემდეგი მასივი თანამშრომლებით:

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

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

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

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

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