Skip to content

WalnutProgramming/GradeCalculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

GradeCalculator

The code is in index.html. Whenever the main branch gets updated, the site is deployed at https://focused-kowalevski-932dc5.netlify.app/.

Things to try:

  • Make it say "Your final grade is 80%" instead of just "80"
  • Show letter grades (A, B, C, D, F) in addition to numerical grades (Look up if, else if, and else in JavaScript)
  • Make each label and input appear on its own line
  • Given the 1st and 2nd quarter grades and the grade you want, calculate what grade you need to get on the exam
  • Make it recalculate the output every time the inputs change without using the submit button
  • Make stuff look better with CSS styling
    • You could try out some classless CSS frameworks by adding this line:
      <script
        src="https://dohliam.github.io/dropin-minimal-css/switcher.js"
        type="text/javascript"
      ></script>
  • In our JavaScript code, we referred to quarter1Input, quarter2Input, examGradeInput, and form directly. This works, but it's considered a bad idea because it's hard to keep track of where your variables are coming from. Google document.getElementById and use that to get access to our HTML elements instead of referring to them directly.

When you've made an improvement, feel free to make a pull request.

About

The toy grade calculator that we made during club

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages