Jumat, 07 Februari 2014

Pernyataan IF dan SWITCH

berikut adalah program untuk menghitung nilai akhir dengan menggunakan if dan switch

<html>
<head>
<title>..:: NILAI AKHIR ::..</title>
<style>
body
{
margin :50px 50px 50px 50px;
color      : blue;
background-color:#F88158;
}
</style>
<body>
<h1> BELAJAR PERNYATAAN IF DAN SWITCH</h1>
<script type="text/javascript">
function x()
{
var NT,NM,NS,hasil;
NT=document.forms[0].NT.value;
NM=document.forms[0].NM.value;
NS=document.forms[0].NS.value;
hasil=(NT*2+NM*3+NS*5)/10

document.forms[0].NA.value=hasil;
if(hasil<50)
ket="D";
else if (hasil<60)
ket="C";
else if (hasil<70)
ket="B+";
else if (hasil<80)
ket="B";
else if (hasil<=100 && hasil>=80)
ket="A";
else
ket="Input Salah >> 0-100";
document.forms[0].nh.value=ket;
}

</script>
</head>
<body>
<table>
<form>
<h3>NILAI AKHIR</h3>
<tr>
<label><td>Nilai Tugas</td></label>
<td><input type="text" name=NT /></td>
</tr>

<tr>
<label><td>Nilai Mid</td></label>
<td><input type="text" name=NM /></td>
</tr>

<tr>
<label><td>Nilai Uas</td></label>
<td><input type="text" name=NS /></td>
</tr>
<tr>
<label><td>Nilai Ahir</td></label>
<td><input type="text" name=NA /></td>
</tr>

<tr>


<label><td>Keterangan</td></label>
<td><input type="text" name=nh /></td>
</tr>
<tr>
<td><input type="button" value="Hitung" onClick="x()" /></td>
<td><input type="reset" value="Reset" /></td>
</tr>
</form>
</table>
</body>
</html>



Cara Membuat Form Mahasiswa

berikut adalah program html untuk menampilkan form mahasiswa

<html>
<head>
<title>Form Mahasiswa</title>
</head>
<body>
<form>
<table border=1 width=600px align=center height=10px bgcolor=yellow>
<tr>
<td colspan=3 align=center bgcolor=green><font size=40px color=red>Form Mahasiswa</font></td>
</tr>
<tr>
<td>NPM</td>
<td>:</td>
<td><input type=text size=12 name=npm maxlength=9 ></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text size=50 name=nama></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea cols=20 rows=5></textarea></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td align=center><input type=radio name=jk value=laki-laki>laki-laki
<input type=radio name=jk value=perempuan>perempuan
</td>
<tr>
<td>Tempat/tgl_lhr</td>
<td>:</td>
<td><input type=text size=10 name=tmplhr>,
<select name=tgl>
<option value=tanggal>Tanggal</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
<option value=13>13</option>
<option value=14>14</option>
<option value=15>15</option>
</select>

<select name=bln>
<option value=bulan>Bulan</option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
<option value=6>6</option>
<option value=7>7</option>
<option value=8>8</option>
<option value=9>9</option>
<option value=10>10</option>
<option value=11>11</option>
<option value=12>12</option>
</select>

<select name=thn>
<option value=tahun>Tahun</option>
<option value=1>1990</option>
<option value=2>1991</option>
<option value=3>1992</option>
<option value=4>1993</option>
<option value=5>1994</option>
</select>
</td>
</tr>
<tr>
<td>Jurusan</td>
<td>:</td>
<td><select name=jrs>
<option value=jurusan>Jurusan</option>
<option value=teknik informatika>Teknik Informatika</option>
<option value=sistem informasi>Sistem Informasi</option>
<option value=manejemen informatika>Manejemen Informatika</option>
<option value=komputer akuntansi>Komputer Akuntansi</option>
</select></td>
</tr>
<tr>
<td>Fakultas</td>
<td>:</td>
<td><select name=fkl>
<option value=fakultas>Fakultas</option>
<option value=ilmu komputer>Fakultas Ilmu Komputer</option>
<option value=ekonomi>Fakultas Ekonomi</option>
<option value=hukum>Fakultas Hukum</option>
<option value=pertanian>Pertanian</option>
</select></td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td><input type=checkbox name=hobi value=sepakbola>Sepakbola
<input type=checkbox name=hobi value=badminton>Badminton
<input type=checkbox name=hobi value=berenang>Berenang
<input type=checkbox name=hobi value=membaca>Membaca

</td>
</tr>
<tr>
<td colspan=3 align=center><input type=submit name=submit value=SIMPAN>
<input type=reset name=reset value=BATAL>
</table>

</form>
</body>
</html>

<html>
<script type="text/javascript">

</script>
</html>

Membuat Pohon Natal dengan perulangan Javascript

berikut adalah program html untuk menampilkan pohon natal

<html>
<head>
<title>Untitled Document</title>
 <style>
  h1{
      background-color:#0000FF;
  color:#FFFF00;
  font-size:24px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  }
 </style>
</head>

<body>
   <h1>POHON NATAL TEKNIK INFORMATIKA 2013</h1>
    <table align="center" bgcolor="black">
<script>
var dx,i,j;
dx=1;for (i=1;i<=15;i++)
 {
document.write("<tr><td align=center>");
for (j=1;j<=dx;j++)
{
if (j % 2 == 0)     
document.write("<blink><font color=red>*</font></blink>");
else
document.write("<font color=yellow>*</font>");
}
dx=dx+2;
document.write("</td></tr>");
}
for (i=1;i<=5;i++)
{
document.write("<tr><td align=center>");
for (j=1;j<=3;j++)
{
document.write("<font color=white>*</font>");
}
document.write("</td></tr>");
}   
   </script>
   </table>
</body>

</html>