You are on page 1of 4

NAMA : DANA KURNIA PUTRI AHMAD

KELAS : TI 2D

TUGAS : JAVA SCRIPT

1. Tampilan Gambar/Output

2. Codingan
<!DOCTYPE html>
<html>
5. <head>
6. <title>Tugas js</title>
7.
8.
<style>
9.
body{
10.
background: rosybrown;
11.
background: linear-gradient(to bottom ,#94B49F); text-align: center;
12.
margin: 10%;
13.
}
14.
p#grade_out{
15.
font-weight: bold;
16.
17. }
18. </style>
19. </head>
20.
21. <body>
22.
23. <h2>Hitung Nilai Akhir</h2>
24.
25. <form name="form" action="javascript:void(0);">
26. <table>
27.
28. <tr>
29. <td>Nama Mahasiswa</td>
30. <td><input type="text" name="nmahasiswa"></td>
31. </tr>
32.
33. <tr>
34. <td>Jurusan</td>
35. <td><input type="text" name="jurusan"></td>
36. </tr>
37. <tr>
38. <td>Nilai Tugas (30%)</td>
39. <td><input type="text" name="ntgs"></td>
40. </tr>
41.
42. <tr>
43. <td>Nilai UTS (20%)</td>
44. <td><input type="text" name="nuts"></td>
45. </tr>
46.
47. <tr>
48. <td>Nilai UAS (20%)</td>
49. <td><input type="text" name="nuas"></td>
50. </tr>
51.
52. <tr>
53. <td>Nilai Kehadiran (30%)</td>
54. <td><input type="text" name="nkehadiran"></td>
55. </tr>
56.
57. <tr>
58. <td>Nilai Akhir</td>
59. <td><input type="text" name="nakhir" disabled></td>
60. </tr>
61.
62. <tr>
63. <td>Nilai Huruf</td>
64. <td><input type="text" name="nhuruf" disabled></td>
65. </tr>
66.
67. <tr>
68. <td><input type="submit" name="hasil" value="hitung"
onclick="nilaiakhir()"></td>
69. <td><input type="reset" name="reset"></td>
70. </tr>
71. </table>
72. </form>
73.
74. <script type="text/javascript">
75.
76. function nilaiakhir(){
77. var ntgs = parseInt(document.form.ntgs.value);
78. var nuts = parseInt(document.form.nuts.value);
79. var nuas = parseInt(document.form.nuas.value);
80. var nkehadiran = parseInt(document.form.nkehadiran.value);
81. var nhuruf = "";
82. var nakhir = (parseInt(ntgs)*30/100) +
(parseInt(nuts)*20/100) + (parseInt(nuas)*20/100) +
(parseInt(nkehadiran)*30/100);
83. document.form.nakhir.value = nakhir;
84.
85. if( nakhir >= 80){
86. nhuruf = "A";
87. }
88. else if( nakhir >= 70){
89. nhuruf = "B";
90. }
91. else if( nakhir >=60){
92. nhuruf = "C";
93. }
94. else if( nakhir >=40){
95. nhuruf = "D";
96. }
97. else {
98. nhuruf = "E";
99. }
100.
101. document.form.nhuruf.value = nhuruf;
102. }
103.
104.
105. </script>
106. </body>
107. </html>

You might also like