JavaScript is used to collect the entered marks, calculate the total out of 600, and determine the overall percentage. The application also includes a grading system that assigns grades from A to E based on the percentage. If the percentage is below 35% or the student scores less than 35 marks in any subject, the result is displayed as Fail. Tailwind CSS is used to create a clean and organized table-based interface with proper spacing, borders, colors, and alignment. This project demonstrates practical knowledge of HTML tables and forms, CSS styling, JavaScript functions, DOM manipulation, user input handling, mathematical calculations, and conditional statements. It can be further improved by adding validation, reset functionality, responsive design, and support for additional subjects.
JavaScript is used to collect the entered marks, calculate the total out of 600, and determine the overall percentage. The application also includes a grading system that assigns grades from A to E based on the percentage. If the percentage is below 35% or the student scores less than 35 marks in any subject, the result is displayed as Fail. Tailwind CSS is used to create a clean and organized table-based interface with proper spacing, borders, colors, and alignment. This project demonstrates practical knowledge of HTML tables and forms, CSS styling, JavaScript functions, DOM manipulation, user input handling, mathematical calculations, and conditional statements. It can be further improved by adding validation, reset functionality, responsive design, and support for additional subjects.