You are tasked with creating a simple employee management system using JavaScript. $(25$ marks$)$

This system will involve a dynamic table that allows users to:

Add new employees: Users should be able to input details like the employee's name, position, and department. Upon submission, the details should be added as a new row in the table.

Delete employees: There should be an option to remove an employee's record from the table $($e$.$g$.,$ via a delete button in each row$).$

Display the total number of employees: The system should dynamically show the total number of employees, updating the count every time an employee is added or deleted.

Requirements:

Create a table structure in HTML with column headers for "Name," "Position," "Department," and "Actions" $($for delete buttons$).$

Create an input form that allows the user to enter employee details $($name$,$ position, department$).$

Write JavaScript functions to:

Add a new employee to the table.

Dynamically generate a new row with the entered employee details.

Add a delete button in each row that, when clicked, removes the corresponding employee.

Display and update the total number of employees each time an employee is added or removed.