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);

var oagama=(document.fform.agama.value);

var otahun=(document.fform.tahun.value);

var ojurusan=(document.fform.jurusan.value);

var osemester=(document.fform.semester.value);

var ohobby=(document.fform.hobby.value);

var ohobby1=(document.fform.hobby1.value);




var oasal=(document.fform.asal.value);

var oalsek=(document.fform.alsek.value);

var onun=(document.fform.nun.value);

if (document.fform.nim.value == "") {alert("Maaf NIM Wajib Diisi !");}

if (document.fform.nama.value == "") {alert("Maaf NAMA Harus Ada !");}

if (document.fform.alamat.value == "") {alert("Maaf ALAMAT tidak Boleh Kosong!");}

if (document.fform.kota.value == "") {alert("Maaf TEMPAT TANGGAL LAHIR belum diisi ");}

if (document.fform.tanggal.value == "") {alert("Maaf TEMPAT TANGGAL LAHIR belum diisi ");}

if (document.fform.bulan.value == "") {alert("Maaf TEMPAT TANGGAL LAHIR belum diisi ");}

if (document.fform.year.value == "") {alert("Maaf TEMPAT TANGGAL LAHIR belum diisi ");}

if ((document.fform.jk[0].checked == "")&&(document.fform.jk[1].checked=="")){alert("Maaf Anda Harus Memilih Jenis Kelamin!");}

if (document.fform.agama.value == "") {alert("Maaf AGAMA tidak Boleh Kosong!");}

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>

</body>

</html>

Data & Analytics

Contoh java script pembuatan data mahasiswa