Praktyka zmiany elementów w JavaScript
Dana jest tablica. Wyświetl jej elementy w postaci
listy ul.
Zmodyfikuj poprzednie zadanie tak, aby
po kliknięciu na dowolny li pojawiło się w nim
pole input, za pomocą którego będzie można go
edytować.
Zmodyfikuj poprzednie zadanie tak, aby
pod listą znajdowało się pole input, za pomocą którego
można dodać nowy element na koniec
listy ul. Spraw, aby nowe
li również można było edytować.
Zmodyfikuj poprzednie zadanie tak, aby
na końcu każdego li znajdował się link 'usuń',
za pomocą którego można usunąć ten
li z ul.
Zmodyfikuj poprzednie zadanie tak, aby
na końcu każdego li znajdował się również link
'przekreśl', za pomocą którego
można przekreślić tekst tego znacznika
li.
Tablica obiektów i tabela
Dana jest następująca tablica z pracownikami:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Wyświetl tych pracowników w tabeli HTML.
Dodaj komórkom utworzonej tabeli możliwość edycji.
Dodaj do twojej tabeli nową kolumnę z linkiem do usuwania wiersza z tabeli.
Umieść pod tabelą 3 pola input i przycisk
do dodawania nowego pracownika. Niech w
polach input wprowadza się imię, wiek i wynagrodzenie,
i po naciśnięciu przycisku nowy pracownik jest dodawany
do tabeli. Zaimplementuj edycję komórek
dla nowo dodanych pracowników.
Tablica obiektów i lista
Dana jest następująca tablica z pracownikami:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
Wyświetl na ekranie każdego pracownika w swoim
znaczniku li znacznika ul.
Spraw, aby po kliknięciu na imię, wiek lub wynagrodzenie pracownika pojawiło się pole input do edycji tego pola.
Dodaj na końcu każdego znacznika li link
do usunięcia tego li z listy.
Pod listą utwórz formularz do dodawania nowego pracownika.