Lanjut lagi belajarnya gan, ini cara membuat sebuah program form biodata dengan javascript, sangat mudah jika kita memahami syntak-syntaknya. :)
seperti biasa jika anda tidak megerti boleh di tanyakan di kolom komentar.
--------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title> Latihan ke 3 </title>
</head>
<body bgcolor = "cyan">
<script language="Javascript">
function tekan(form)
{
var nimstr=(document.f10114044.nim.value);
var namastr=(document.f10114044.nama.value);
var jenisstr=(document.f10114044.jenis.value);
var agamastr=(document.f10114044.agama.value);
var status="";
if(form.status.checked==true)
{status="Kawin";}
else
{status="Tidak Kawin";}
var jurusanstr=(document.f10114044.jurusan.value);
var komstr=(document.f10114044.kom.value);
document.f10114044.onim.value=nimstr;
document.f10114044.onama.value=namastr;
document.f10114044.ojenis.value=jenisstr;
document.f10114044.oagama.value=agamastr;
document.f10114044.ostatus.value=status;
document.f10114044.ojurusan.value=jurusanstr;
document.f10114044.okom.value=komstr;
}
</script>
<center>
<h2><b> Data Mahasiswa </h2></b>
<h2><b> Universitas Komputer Indonesia </h2></b>
<pre><u> </center></u></pre><br>
<form name="f10114044"><pre>
NIM : <input type="text" size="12" name="nim" value="10114044">
Nama Mahasiswa : <input type="text" size="15" name="nama" value="Yudi Ramdani">
Jenis Kelamin : <select name="jenis" size="1">
<option value="Pria"> Pria </option>
<option value="Wanita"> Wanita </option></select>
Agama : <select name="agama" size="1">
<option value="Islam"> Islam </option>
<option value="Kristen"> Kristen </option>
<option value="Hindu"> Hindu </option>
<option value="Budha"> Budha </option>
<option value="Katolik"> Katolik </option></select>
Status : <input type="radio" value="Kawin" name="status"> Kawin
Jurusan Di Unikom : <select name="jurusan" size="1">
<option value="Teknik Informatika"> Teknik Informatika </option>
<option value="Manajemen Informatika"> Manajemen Informatika </option>
<option value="Teknik Komputer"> Teknik Komputer </option>
<option value="Teknik Elektro"> Teknik Elektro </option>
<option value="Sistem Informasi"> Sistem Informasi </option>
<option value="Teknik Arsitektur"> Teknik Arsitektur </option></select>
Komentar : <textarea name="kom" rows="4" cols="40" ></textarea></pre><br>
<center>
<input type="button" value="Kirim" onclick="tekan(this.form)">
<input type="reset" value="Ulang"></center><br>
<h2><u><b><center> Data Mahasiswa Universitas Komputer Indonesia </center></h2></u></b><pre>
NIM : <input type="text" size="11" name="onim">
Nama Mahasiswa : <input type="text" size="20" name="onama">
Jenis Kelamin : <input type="text" size="11" name="ojenis">
Agama : <input type="text" size="11" name="oagama">
Status : <input type="text" size="11" name="ostatus">
Jurusan Di Unikom : <input type="text" size="20" name="ojurusan">
Komentar : <textarea name="okom" rows="4" cols="30"></textarea></pre><br>
</form>
</body>
</html>
seperti biasa jika anda tidak megerti boleh di tanyakan di kolom komentar.
--------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title> Latihan ke 3 </title>
</head>
<body bgcolor = "cyan">
<script language="Javascript">
function tekan(form)
{
var nimstr=(document.f10114044.nim.value);
var namastr=(document.f10114044.nama.value);
var jenisstr=(document.f10114044.jenis.value);
var agamastr=(document.f10114044.agama.value);
var status="";
if(form.status.checked==true)
{status="Kawin";}
else
{status="Tidak Kawin";}
var jurusanstr=(document.f10114044.jurusan.value);
var komstr=(document.f10114044.kom.value);
document.f10114044.onim.value=nimstr;
document.f10114044.onama.value=namastr;
document.f10114044.ojenis.value=jenisstr;
document.f10114044.oagama.value=agamastr;
document.f10114044.ostatus.value=status;
document.f10114044.ojurusan.value=jurusanstr;
document.f10114044.okom.value=komstr;
}
</script>
<center>
<h2><b> Data Mahasiswa </h2></b>
<h2><b> Universitas Komputer Indonesia </h2></b>
<pre><u> </center></u></pre><br>
<form name="f10114044"><pre>
NIM : <input type="text" size="12" name="nim" value="10114044">
Nama Mahasiswa : <input type="text" size="15" name="nama" value="Yudi Ramdani">
Jenis Kelamin : <select name="jenis" size="1">
<option value="Pria"> Pria </option>
<option value="Wanita"> Wanita </option></select>
Agama : <select name="agama" size="1">
<option value="Islam"> Islam </option>
<option value="Kristen"> Kristen </option>
<option value="Hindu"> Hindu </option>
<option value="Budha"> Budha </option>
<option value="Katolik"> Katolik </option></select>
Status : <input type="radio" value="Kawin" name="status"> Kawin
Jurusan Di Unikom : <select name="jurusan" size="1">
<option value="Teknik Informatika"> Teknik Informatika </option>
<option value="Manajemen Informatika"> Manajemen Informatika </option>
<option value="Teknik Komputer"> Teknik Komputer </option>
<option value="Teknik Elektro"> Teknik Elektro </option>
<option value="Sistem Informasi"> Sistem Informasi </option>
<option value="Teknik Arsitektur"> Teknik Arsitektur </option></select>
Komentar : <textarea name="kom" rows="4" cols="40" ></textarea></pre><br>
<center>
<input type="button" value="Kirim" onclick="tekan(this.form)">
<input type="reset" value="Ulang"></center><br>
<h2><u><b><center> Data Mahasiswa Universitas Komputer Indonesia </center></h2></u></b><pre>
NIM : <input type="text" size="11" name="onim">
Nama Mahasiswa : <input type="text" size="20" name="onama">
Jenis Kelamin : <input type="text" size="11" name="ojenis">
Agama : <input type="text" size="11" name="oagama">
Status : <input type="text" size="11" name="ostatus">
Jurusan Di Unikom : <input type="text" size="20" name="ojurusan">
Komentar : <textarea name="okom" rows="4" cols="30"></textarea></pre><br>
</form>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------------
Hasil Tampilannya :
Download Syntaknya :
catatan : jika anda meng-copy paste sertakanlah link sumbernya.
hargai tulisan orang lain. terima kasih!!!
0 komentar