GPA Calculator

Course Name

Grade

Credits

0.00

Your Cumulative GPA

 

Features Explained

1. Weighted Average Logic: The calculator doesn't just average your grades; it multiplies each grade value by the number of credit hours for that course. This ensures a 4-credit Lab class impacts your GPA more than a 1-credit Seminar.

2. Responsive Grid: Using grid-template-columns with a media query allows the layout to stack vertically on mobile phones while maintaining a clean horizontal row on desktops.

3. Real-Time Feedback: The onchange and oninput event listeners trigger the calculateGPA() function immediately. There is no need for a "Calculate" button; the result updates as you type.

4. UX Polish: I've added a small fadeIn animation for new rows to make the interface feel more dynamic and modern.