Дан массив. Выведите его элементы в виде
списка 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 из списка.
Под списком сделайте форму для добавления нового работника.