⊗jsPmPrEChT 486 of 505 menu

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.

Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć