This is a site that accepts the calculations of 8 subjects, calculates the average, and displays the results of the average.
This repo contains the .html,.css, and .js files used to create the site which can be accessed HERE.
- To clone this repo, git needs to be installed on the destination machine. (Learn how).
- To access the
.html,.css, and.jsfiles, it is recommended to have an integrated development environment (IDE) Like VS Code. - To deploy the site, use Netlify (must have Netlify installed). (Learn how). You also need to create an account or login into Netlify.
- To view the site, a web browser on the machine with a network connection is needed. Download Chrome Browser HERE
This is the site's skeletons where the titles, paragraphs, body, form, footer etc are defined.
This is where the styling comes in (there is also some styling under <style> in the .html file).
This is the logic of the site where the calculator does the necessary calculation and gives the correct output.
Once the site has loaded, the user is prompted to enter 8 marks for 8 subjects separating them with a comma.
If the user enters a non-numeric character, a numeric character greater than 100 or a numeric character less than 0, the site will reject the input showing an error id (ERR03) with a message asking the user to only enter numerics between 0 and 100.
If the user enters marks whose count is less than 8, an error id (ERR01) will appear meaning the input is less than the desired count.
If the user enters marks whose count is more than 8, an error id (ERR02) will appear meaning the input is more than the required count.
All errors are caught using the try-catch statement.
Once the user gives a correct input, the site will calculate the average of the 8 subjects which is used to determine the grade using if statements.
After determining the grade, the site will go through a switch statement where a comment will be displayed inline with what average was given.
The .html,.css, and .js files all have comments for further understanding on the site's functionality.
There has been no issue/exceptions when building this site. If there are issues with your instance of this site, let me know by creating an issue under this repo.