Advertisement
Guest User

JavaScript GPA calc

a guest
Mar 5th, 2012
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style>
  7. #app {font-family:Verdana, Geneva, sans-serif;background-color:yellow;width:600px;height:270px;margin:auto;text-align:center;padding:30px}
  8. input {margin-top:5px;margin-bottom:5px;}
  9. </style>
  10. </head>
  11.  
  12. <body>
  13. <div id="app">
  14. Please input your grades here.
  15. <form>
  16. <script>
  17. var check1=function(grade)
  18. {grade=grade.toUpperCase()
  19.     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")
  20. {document.getElementById('course1').value=grade
  21. }
  22. else {document.getElementById('course1').value=""
  23. }
  24. }
  25. var check2=function(grade2)
  26. {grade2=grade2.toUpperCase()
  27.     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")
  28. {document.getElementById('course2').value=grade2
  29. }
  30. else {document.getElementById('course2').value=""
  31. }
  32. }
  33. var check3=function(grade3)
  34. {grade3=grade3.toUpperCase()
  35.     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")
  36. {document.getElementById('course3').value=grade3
  37. }
  38. else {document.getElementById('course3').value=""
  39. }
  40. }
  41. var check4=function(grade4)
  42. {grade4=grade4.toUpperCase()
  43.     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")
  44. {document.getElementById('course4').value=grade4
  45. }
  46. else {document.getElementById('course4').value=""
  47. }
  48. }
  49. var check5=function(grade5)
  50. {grade5=grade5.toUpperCase()
  51.     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")
  52. {document.getElementById('course5').value=grade5
  53. }
  54. else {document.getElementById('course5').value=""
  55. }
  56. }
  57. var switcher = function(grade,grade1,grade2,grade3,grade4,grade5){
  58. if(grade=="A")
  59. {grade=4.0
  60. }
  61. if(grade=="A-")
  62. {grade=3.7
  63. }
  64. if(grade=="B+")
  65. {grade=3.3
  66. }
  67. if(grade=="B")
  68. {grade=3.0
  69. }
  70. if(grade=="B-")
  71. {grade=2.7
  72. }
  73. if(grade=="C+")
  74. {grade=2.3
  75. }
  76. if(grade=="C")
  77. {grade=2.0
  78. }
  79. if(grade=="C-")
  80. {grade=1.7
  81. }
  82. if(grade=="D+")
  83. {grade=1.3
  84. }
  85. if(grade=="D")
  86. {grade=1.0
  87. }
  88. if(grade=="D-")
  89. {grade=0.7
  90. }
  91. if(grade=="F")
  92. {grade=0.0
  93. }
  94. if(grade2=="A")
  95. {grade2=4.0
  96. }
  97. if(grade2=="A-")
  98. {grade2=3.7
  99. }
  100. if(grade2=="B+")
  101. {grade2=3.3
  102. }
  103. if(grade2=="B")
  104. {grade2=3.0
  105. }
  106. if(grade2=="B-")
  107. {grade2=2.7
  108. }
  109. if(grade2=="C+")
  110. {grade2=2.3
  111. }
  112. if(grade2=="C")
  113. {grade2=2.0
  114. }
  115. if(grade2=="C-")
  116. {grade2=1.7
  117. }
  118. if(grade2=="D+")
  119. {grade2=1.3
  120. }
  121. if(grade2=="D")
  122. {grade2=1.0
  123. }
  124. if(grade2=="D-")
  125. {grade2=0.7
  126. }
  127. if(grade2=="F")
  128. {grade2=0.0
  129. }
  130. if(grade3=="A")
  131. {grade3=4.0
  132. }
  133. if(grade3=="A-")
  134. {grade3=3.7
  135. }
  136. if(grade3=="B+")
  137. {grade3=3.3
  138. }
  139. if(grade3=="B")
  140. {grade3=3.0
  141. }
  142. if(grade3=="B-")
  143. {grade3=2.7
  144. }
  145. if(grade3=="C+")
  146. {grade3=2.3
  147. }
  148. if(grade3=="C")
  149. {grade3=2.0
  150. }
  151. if(grade3=="C-")
  152. {grade3=1.7
  153. }
  154. if(grade3=="D+")
  155. {grade3=1.3
  156. }
  157. if(grade3=="D")
  158. {grade3=1.0
  159. }
  160. if(grade3=="D-")
  161. {grade3=0.7
  162. }
  163. if(grade3=="F")
  164. {grade3=0.0
  165. }
  166. if(grade4=="A")
  167. {grade4=4.0
  168. }
  169. if(grade4=="A-")
  170. {grade4=3.7
  171. }
  172. if(grade4=="B+")
  173. {grade4=3.3
  174. }
  175. if(grade4=="B")
  176. {grade4=3.0
  177. }
  178. if(grade4=="B-")
  179. {grade4=2.7
  180. }
  181. if(grade4=="C+")
  182. {grade4=2.3
  183. }
  184. if(grade4=="C")
  185. {grade4=2.0
  186. }
  187. if(grade4=="C-")
  188. {grade4=1.7
  189. }
  190. if(grade4=="D+")
  191. {grade4=1.3
  192. }
  193. if(grade4=="D")
  194. {grade4=1.0
  195. }
  196. if(grade4=="D-")
  197. {grade4=0.7
  198. }
  199. if(grade4=="F")
  200. {grade4=0.0
  201. }
  202. if(grade5=="A")
  203. {grade5=4.0
  204. }
  205. if(grade5=="A-")
  206. {grade5=3.7
  207. }
  208. if(grade5=="B+")
  209. {grade5=3.3
  210. }
  211. if(grade5=="B")
  212. {grade5=3.0
  213. }
  214. if(grade5=="B-")
  215. {grade5=2.7
  216. }
  217. if(grade5=="C+")
  218. {grade5=2.3
  219. }
  220. if(grade5=="C")
  221. {grade5=2.0
  222. }
  223. if(grade5=="C-")
  224. {grade5=1.7
  225. }
  226. if(grade5=="D+")
  227. {grade5=1.3
  228. }
  229. if(grade5=="D")
  230. {grade5=1.0
  231. }
  232. if(grade5=="D-")
  233. {grade5=0.7
  234. }
  235. if(grade5=="F")
  236. {grade5=0.0
  237. }
  238. }
  239. var mess = function(grade,grade2,grade3,grade4,grade5)
  240. {
  241. total=grade+grade2+grade3+grade4+grade5
  242. gpa=total/5
  243. if(document.getElementById('course1').value==""||document.getElementById('course2').value==""||document.getElementById('course3').value==""||document.getElementById('course4').value==""||document.getElementById('course5').value=="")
  244. {alert("We need more information!")
  245. }
  246. else
  247. {alert("Your gpa is " + gpa)
  248. }
  249. }
  250. </script>
  251. <input type="text" id="course1" onchange="check1(this.value)" /> Course 1
  252. <br />
  253. <input type="text" id="course2" onchange="check2(this.value)" /> Course 2
  254. <br />
  255. <input type="text" id="course3" onchange="check3(this.value)" /> Course 3
  256. <br />
  257. <input type="text" id="course4" onchange="check4(this.value)" /> Course 4
  258. <br />
  259. <input type="text" id="course5" onchange="check5(this.value)" /> Course 5
  260. <br />
  261. <input type="button" value="Submit" onmouseover="switcher()" onmouseup="mess()" />
  262. </form>
  263. </div>
  264. </body>
  265. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement