JavaScript_Project_One/grades.html at master · Jonesdl-2785/JavaScript_Project_One · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
    <title>JS Hands On Day One-Diane Jones   </title>
    <meta charset="utf-8">
   <link rel="stylesheet" type="text/css" href="grades.css">
<body>
    <header>
    <h1>Academic Grading System</h1>
        <p>Use this form to get your letter grade by entering the grade number (between 0 and 100).</p><br>
    </header>
    <div>
    <form>
        <p>Enter number grades (0, 75, 50, 100):</p>
        <input type="textarea" id="grades"  name="grade_number" width="150" min="0" max="100">
        <input type="button" id="submit" value="calculate" onClick="getGrades()">
    </form>
    </div>
    <h2>Your grade is:  </p>
    <p id="letter" value="0"></h2><br>
    <h2>Your average is:  </h2>
    <p id="average" value="0"></p><br>

   <script language="javascript" type="text/javascript" src="grades.js"></script>
</body>


</head>

</html>