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.

enru