- Replace all of your object literals for the HR-management-system with a single constructor function that, when called with the ‘new’ keyword, creates a new instance.
- You will refactor the render method to be a prototype method to render each employee name, department, and employee salary using document.write() or innerHTML as the following.
- Note that you need to keep the methods that are responsible for generating employeeID and calculating the salary.
- You will refactor the render prototype method to render each employee's information in a separate card on the home page as shown below. Note that you will use images for the employees in the assets directory.
- Add some style for the header and the footer
- Use flex to organize the content of the main content.
- Add backgrounds, font colors, google fonts, and any additional style.
Separate the employees' cards by their department where you will have a separate section for each department.