Contoh java script pembuatan data mahasiswa

Mukhammad Yajid Albustomi
1311430040
IB – Information Technology
Politeknik Negeri Malang
JavaScript pembuatan Formulir Mahasiswa Baru
<html>
<head>
<title>
Tugas Java Script - Bustomiii</title>
</head>
<body>
<body background="1.jpg">
<script language="javascript">
function tekan()
{
var onim=(document.fform.nim.value);
var onama=(document.fform.nama.value);
var oalamat=(document.fform.alamat.value);
var okota=(document.fform.kota.value);
var otanggal=(document.fform.tanggal.value);
var obulan=(document.fform.bulan.value);
var oyear=(document.fform.year.value);
var ojk=(document.fform.jk.value);

if (document.fform.tahun.value == "") {alert("Maaf Anda Harus Memilih Tahun
Ajaran!");}
if (document.fform.jurusan.value == "") {alert("Maaf Anda harus memilih salah satu
Jurusan ");}
if (document.fform.semester.value == "") {alert("Maaf Anda harus memilih Semester ");}
if (document.fform.hobby.value == "") {alert("Maaf Hobby harus diisi ");}
if (document.fform.asal.value == "") {alert("Maaf Anda Harus mengisi Asal
Sekolah!");}
if (document.fform.alsek.value == "") {alert("Maaf Anda Harus mengisi Alamat
Sekolah!");}
if (document.fform.nun.value == "") {alert("Maaf Anda Harus mengisi NUN !");}
else
{ if
(document.fform.jk[0].checked)
{ojk="Laki-laki";
}
else
if(document.fform.jk[1].checked)
{ojk="Perempuan";
}
{
document.write ("<table width ='500' align=center border ='1' color = black> ")

document.write ("<b><h2><center>DATA MAHASISWA</center></h2></b>")
document.write ("<tr><td>NIM</td><td>:</td><td>"+onim+"</td></tr>")
document.write ("<tr><td>NAMA</td><td>:</td><td>"+onama+"</td></tr>")
document.write ("<tr><td>ALAMAT</td><td>:</td><td>"+oalamat+"</td></tr>")
document.write ("<tr><td>KOTA TEMPAT LAHIR</td><td>:</td><td>"+okota+",</td><tr>")
document.write ("<tr><td>TANGGAL
LAHIR</td><td>:</td><td>"+otanggal+" "+obulan+" "+oyear+"</td></tr>")
document.write ("<tr><td>JENIS KELAMIN</td><td>:</td><td>"+ojk+"</td></tr>")
document.write ("<tr><td>AGAMA</td><td>:</td><td>"+oagama+"</td></tr>")
document.write ("<tr><td>JURUSAN</td><td>:</td><td>"+ojurusan+"</td></tr>")
document.write ("<tr><td>SEMESTER</td><td>:</td><td>"+osemester+"</td></tr>")
document.write ("<tr><td>TAHUN AJARAN</td><td>:</td><td>"+otahun+"</td></tr>")
document.write ("<tr><td>HOBBY</td><td>:</td><td>"+ohobby+"</td></tr>")
document.write ("<tr><td>ASAL SEKOLAH</td><td>:</td><td>"+oasal+"</td></tr>")
document.write ("<tr><td>ALAMAT SEKOLAH</td><td>:</td><td>"+oalsek+"</td></tr>")
document.write ("<tr><td>NUN SMA Sederajat</td><td>:</td><td>"+onun+"</td></tr>")
document.write ("</table>");
}
}
}
</script>
<form name="fform" onSubmit="return tekan()">
<font face="Showcard Gothic" color="black"><center><h1>DATA MAHASISWA POLITEKNIK NEGERI
MALANG</h1></center></font>

<br>
<hr></h1></center>
<h2><font color="black">SILAHKAN MASUKKAN DATA :</h2>
<pre>
<h3><b>
NIM : <input type=text size=35 name="nim"><br>
NAMA : <input type=text size=35 name="nama"><br>
ALAMAT : <textarea name="alamat" rows="3" cols="26"></textarea><br>
TTL : <input type=text size=20 name="kota" placeholder="Kota Tempat Lahir"><br>
<tr><td><select name="tanggal">
<option value="">Tanggal</option>
<option value="1">1</option>

</select><select name="bulan">
<option value="">Bulan</option>
<option value="Januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maret">Maret</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Agustus">Agustus</option>

<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="November">November</option>
<option value="Desember">Desember</option>
</select><select name="year">
<option value="">Tahun</option>

</select></td><br>
JENIS KELAMIN : <input name="jk" type="radio">LAKI-LAKI <input name="jk"
type="radio">PEREMPUAN<br>
AGAMA : <select name="agama" size="1" >
<option value="">
-- Pilih Agama Anda --
</option>
<option value = "Islam">

Islam
</option>
<option value = "Kristen">
Kristen
</option>
<option value = "Katholik">
Katholik
</option>
<option value = "Hindu">
Hindu
</option>
<option value = "Budha">
Budha
</option>
<option value = "Lainnya">
Lainnya
</option>
</select><br>
JURUSAN : <select name="jurusan" size="1" >

<option value="">
-- Pilih Jurusan Anda --
</option>
<option value = "D-IV Teknik Komputer">
D-IV Teknik informatika
</option>
<option value = "D-III Administrasi Niaga">
D-III Administrasi Niaga
</option>
<option value = "D-IV Akutansi">
D-IV Akutansi
</option>
<option value = "D-III Teknik Telekomunikasi">
D-III Teknik Telekomunikasi
</option>
</select><br>
SEMESTER : <select name="semester" size="1" >
<option value="">

-- Pilih Semester Anda --
</option>
<option value = "I">I</option>
<option value = "II">II</option>
<option value = "III">III</option>
<option value = "IV">IV</option>
<option value = "V">V</option>
<option value = "VI">VI</option>
<option value = "VII">VII</option>
<option value = "VIII">VIII</option>
</select><br>
TAHUN AJARAN : <select name="tahun" size="1" >
<option value="">
-- Pilih Tahun Ajaran Anda --
</option>
<option value = "2014">
2014
</option>
2013
</option>

2012
</option>
2011
</option>
</select><br>
HOBBY : <input type="checkbox" name="hobby" onclick ="+ohobby+" value="Sepak
Bola">Sepak Bola
<input type="checkbox" name="hobby1" onclick ="+ohobby+1"value="Basket">Basket
<input type="checkbox" name="hobby2" onclick ="+ohobby+2"value="Renang">Renang
<input type="checkbox" name="hobby3" onclick ="+ohobby+3" value="Musik">Musik
<input type="checkbox" name="hobby4">Lainnya:<input type=text size="20">
ASAL SEKOLAH : <input type="text" size="35" name="asal"><br>
ALAMAT SEKOLAH : <textarea name="alsek" rows="3" cols="26"></textarea><br>
NUN SMA/Sederajat: <input type="text" size="35" name="nun"><br></pre>
<input type="button" value="KIRIM" onClick="tekan()">
<input type="reset" value="RESET"><br>
</h3></b>
</font></pre>
</form>

Contoh java script pembuatan data mahasiswa

More Related Content

What's hot

More from Yazid Albustomi

Contoh java script pembuatan data mahasiswa