Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Untitled Document</title>
- <style>
- #app {font-family:Verdana, Geneva, sans-serif;background-color:yellow;width:600px;height:270px;margin:auto;text-align:center;padding:30px}
- input {margin-top:5px;margin-bottom:5px;}
- </style>
- </head>
- <body>
- <div id="app">
- Please input your grades here.
- <form>
- <script>
- var check1=function(grade)
- {grade=grade.toUpperCase()
- if (grade == "A"||grade == "A-"||grade == "B+"||grade == "B"||grade == "B-"||grade == "C+"||grade == "C"||grade == "C-"||grade == "D+"||grade == "D"||grade == "D-"||grade == "F")
- {document.getElementById('course1').value=grade
- }
- else {document.getElementById('course1').value=""
- }
- }
- var check2=function(grade2)
- {grade2=grade2.toUpperCase()
- if (grade2 == "A"||grade2 == "A-"||grade2 == "B+"||grade2 == "B"||grade2 == "B-"||grade2 == "C+"||grade2 == "C"||grade2 == "C-"||grade2 == "D+"||grade2 == "D"||grade2 == "D-"||grade2 == "F")
- {document.getElementById('course2').value=grade2
- }
- else {document.getElementById('course2').value=""
- }
- }
- var check3=function(grade3)
- {grade3=grade3.toUpperCase()
- if (grade3 == "A"||grade3 == "A-"||grade3 == "B+"||grade3 == "B"||grade3 == "B-"||grade3 == "C+"||grade3 == "C"||grade3 == "C-"||grade3 == "D+"||grade3 == "D"||grade3 == "D-"||grade3 == "F")
- {document.getElementById('course3').value=grade3
- }
- else {document.getElementById('course3').value=""
- }
- }
- var check4=function(grade4)
- {grade4=grade4.toUpperCase()
- if (grade4 == "A"||grade4 == "A-"||grade4 == "B+"||grade4 == "B"||grade4 == "B-"||grade4 == "C+"||grade4 == "C"||grade4 == "C-"||grade4 == "D+"||grade4 == "D"||grade4 == "D-"||grade4 == "F")
- {document.getElementById('course4').value=grade4
- }
- else {document.getElementById('course4').value=""
- }
- }
- var check5=function(grade5)
- {grade5=grade5.toUpperCase()
- if (grade5 == "A"||grade5 == "A-"||grade5 == "B+"||grade5 == "B"||grade5 == "B-"||grade5 == "C+"||grade5 == "C"||grade5 == "C-"||grade5 == "D+"||grade5 == "D"||grade5 == "D-"||grade5 == "F")
- {document.getElementById('course5').value=grade5
- }
- else {document.getElementById('course5').value=""
- }
- }
- var switcher = function(grade,grade1,grade2,grade3,grade4,grade5){
- if(grade=="A")
- {grade=4.0
- }
- if(grade=="A-")
- {grade=3.7
- }
- if(grade=="B+")
- {grade=3.3
- }
- if(grade=="B")
- {grade=3.0
- }
- if(grade=="B-")
- {grade=2.7
- }
- if(grade=="C+")
- {grade=2.3
- }
- if(grade=="C")
- {grade=2.0
- }
- if(grade=="C-")
- {grade=1.7
- }
- if(grade=="D+")
- {grade=1.3
- }
- if(grade=="D")
- {grade=1.0
- }
- if(grade=="D-")
- {grade=0.7
- }
- if(grade=="F")
- {grade=0.0
- }
- if(grade2=="A")
- {grade2=4.0
- }
- if(grade2=="A-")
- {grade2=3.7
- }
- if(grade2=="B+")
- {grade2=3.3
- }
- if(grade2=="B")
- {grade2=3.0
- }
- if(grade2=="B-")
- {grade2=2.7
- }
- if(grade2=="C+")
- {grade2=2.3
- }
- if(grade2=="C")
- {grade2=2.0
- }
- if(grade2=="C-")
- {grade2=1.7
- }
- if(grade2=="D+")
- {grade2=1.3
- }
- if(grade2=="D")
- {grade2=1.0
- }
- if(grade2=="D-")
- {grade2=0.7
- }
- if(grade2=="F")
- {grade2=0.0
- }
- if(grade3=="A")
- {grade3=4.0
- }
- if(grade3=="A-")
- {grade3=3.7
- }
- if(grade3=="B+")
- {grade3=3.3
- }
- if(grade3=="B")
- {grade3=3.0
- }
- if(grade3=="B-")
- {grade3=2.7
- }
- if(grade3=="C+")
- {grade3=2.3
- }
- if(grade3=="C")
- {grade3=2.0
- }
- if(grade3=="C-")
- {grade3=1.7
- }
- if(grade3=="D+")
- {grade3=1.3
- }
- if(grade3=="D")
- {grade3=1.0
- }
- if(grade3=="D-")
- {grade3=0.7
- }
- if(grade3=="F")
- {grade3=0.0
- }
- if(grade4=="A")
- {grade4=4.0
- }
- if(grade4=="A-")
- {grade4=3.7
- }
- if(grade4=="B+")
- {grade4=3.3
- }
- if(grade4=="B")
- {grade4=3.0
- }
- if(grade4=="B-")
- {grade4=2.7
- }
- if(grade4=="C+")
- {grade4=2.3
- }
- if(grade4=="C")
- {grade4=2.0
- }
- if(grade4=="C-")
- {grade4=1.7
- }
- if(grade4=="D+")
- {grade4=1.3
- }
- if(grade4=="D")
- {grade4=1.0
- }
- if(grade4=="D-")
- {grade4=0.7
- }
- if(grade4=="F")
- {grade4=0.0
- }
- if(grade5=="A")
- {grade5=4.0
- }
- if(grade5=="A-")
- {grade5=3.7
- }
- if(grade5=="B+")
- {grade5=3.3
- }
- if(grade5=="B")
- {grade5=3.0
- }
- if(grade5=="B-")
- {grade5=2.7
- }
- if(grade5=="C+")
- {grade5=2.3
- }
- if(grade5=="C")
- {grade5=2.0
- }
- if(grade5=="C-")
- {grade5=1.7
- }
- if(grade5=="D+")
- {grade5=1.3
- }
- if(grade5=="D")
- {grade5=1.0
- }
- if(grade5=="D-")
- {grade5=0.7
- }
- if(grade5=="F")
- {grade5=0.0
- }
- }
- var mess = function(grade,grade2,grade3,grade4,grade5)
- {
- total=grade+grade2+grade3+grade4+grade5
- gpa=total/5
- if(document.getElementById('course1').value==""||document.getElementById('course2').value==""||document.getElementById('course3').value==""||document.getElementById('course4').value==""||document.getElementById('course5').value=="")
- {alert("We need more information!")
- }
- else
- {alert("Your gpa is " + gpa)
- }
- }
- </script>
- <input type="text" id="course1" onchange="check1(this.value)" /> Course 1
- <br />
- <input type="text" id="course2" onchange="check2(this.value)" /> Course 2
- <br />
- <input type="text" id="course3" onchange="check3(this.value)" /> Course 3
- <br />
- <input type="text" id="course4" onchange="check4(this.value)" /> Course 4
- <br />
- <input type="text" id="course5" onchange="check5(this.value)" /> Course 5
- <br />
- <input type="button" value="Submit" onmouseover="switcher()" onmouseup="mess()" />
- </form>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement