# Practice on changing elements in JavaScript

Given an array. Output its elements as a `ul` list.

Modify the previous task so that by clicking on any `li` an input appears in it, with which you can edit it.

Modify the previous task so that there is an input below the list, with which you can add a new element to the end of the `ul` list. Make the new `li` also editable.

Modify the previous task so that at the end of each `li` there is a link `'remove'`, which will remove this `li` from `ul`.

Modify the previous task so that at the end of each `li` there is also a link `'cross out'`, which can be used to cross out the text of this `li` tag.

## Array of objects and a table

Given the following array with employees:

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

Display these employees in an HTML table.

Add the ability to edit the cells of the created table.

Add a new column to your table with a link to remove a row from the table.

Make `3` inputs and a button for adding a new employee under the table. Let the name, age and salary be entered into the inputs, and by clicking on the button a new employee is added to the table. Implement cell editing for newly added employees.

## Array of objects and a list

Given the following array with employees:

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

Display each employee in own `li` tag of the `ul` tag.

Make it so that when clicking on the name, age or salary of an employee, an input appears for editing this field.

Add a link to the end of each `li` tag to remove that `li` from the list.

Under the list, make a form for adding a new employee.

←→
↑
en ru