Create a web page as shown below:

$\backslash$table$[[$Courses$],[$Course Name,Course Code,Instructor,,,Taken$],[$Course Name,Course Code,Credits,Select v$,$Add Course,Remove Course$],[$Total Credits Completed,$0\mathrm{.}0]]$

When click on Add Course button a new row appended to the table

Highlight the row if the course is not taken by the student

Also calculate the credit for the taken courses and display the total credit completed.

When click on Delete Course button the last row will be deleted. Before deleting the last row you need to check the number of rows should be greater than $1$ than only the last row will be deleted otherwise it will give an alert message. If the last row course that is getting deleted is been taken by the student subtracts its credit from the total and remove the row.

Check below pictures

When clicked Add Course button $4$ times

When I delete the last row from the table

When I delete all the courses from the table

Note: create same page using html$,$ css$,$ javascript