Monday, April 22, 2013

CONTOH JAVASCRIPT GABUNGAN ALERT DAN RADIO BUTTON

CONTOH SCRIPT PENGGUNAAN RADIO BUTTON DAN ALERT DENGAN JAVASCRIPT

Assalamualaikum wr. wb. , Salam sejahtera bagi agama lain.
Setelah saya mengoprek-oprek alias mengedit script javascript, akhirnya saya menemukan logika nya atau jalur programnya. awal nya saya sempat bingung dan prustasi, tetapi dengan usaha keras dan belajar sampai saya tidur pagi terus, alhamdulillah saya bisa menggabungkan alert dan radio button yang sempurna menurut saya sendiri.
Di bawah ini adalah contoh hasil dari gabungan alert dan radion button yang saya buat.
Program script ini saya buat seperti didalam contoh Form atau pendaftaran yang biasa untuk di pakai memilih kondisi jenis kelamin laki-laki atau perempuan .
langsung saja simak script di bawah ini :

<html>
<head>
<title>tugas radio button by indrra mulyo </title>
</head>
<body>
<script language ="JavaScript">
<!--
function tampil()
    {
        if
    (document.fform.jk[0].checked)
    {jk="LAKI-LAKI"
   
    alert("JENIS KELAMIN ANDA ADALAH "+jk);
    }
   
    else if
    (document.fform.jk[1].checked)
    {jk="PEREMPUAN";

   
    alert("JENIS KELAMIN ANDA ADALAH "+jk);
    }
    else
    {((document.fform.jk[0].checked="")&&(document.fform.jk[1].checked==""))
    {jk="LAKI-LAKI ATAU PEREMPUAN"
    alert("MAAF !! SILAHKAN ANDA PILIH SALAH SATU JENIS KELAMIN : "+jk);}
    }
   
    }
//-->
</script>

<form name="fform">

<h4>TUGAS RADIO BUTTON DAN ALERT</h4>
<h4>NAMA    : INDRA MULYO</h4>
<h4>NIM     : 11120020</h4>
<h4>JURUSAN : TEKNIK KOMPUTER B / SEMESTER 2</h4><br>
<hr>

<td>Jenis Kelamin</td>

<BR><input name="jk" type="radio">
LAKI-LAKI
<BR><input name="jk" type="radio">
PEREMPUAN

<p><input type="button" value="CONFIRM" onClick="tampil()">
<input type="reset" value="RESET"></p>

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


Berikut ini adalah screenshoot gambar hasil dari script diatas apabila anda memilih laki-laki lalu klik comfirm, maka hasilnya akan menjadi seperti gambar dibawah ini :



Kemudin jika anda tidak memilih laki-laki tetapi memilih perempuan dan klim tombol konfim, maka hasilnya akan terlihat seperti gambar berikut :
Namun apabila anda tidak memilih dua pilihan tersebut yaitu laki-laki atau perempuan, maka hasilnya akan menjadi seperti gambar dibawah :






Itulah hasil script buatan saya sendiri yang telah membuat saya sangat puas dan melegakan, karena dari sekian menit, jam dan hari rasanya tidur kurang pulas. Jika anda seorang programer sejati pasti tahu rasanya yang telah saya paparkan diatas, rasa senang dan gembira telah menyelimuti hati karena telah berhasil mengedit atau merubah-rubah script program. Apabila berminat dan suka silahkan anda edit / rubah dan kembangkan lagi script program javascript tersebut. Semoga bermanfaat dan saya akhiri wassalamualaikum warohmatullohi wabarokatuh, terima kasih.

1 comment:

  1. Harrah's casino - New Jersey | JtmHub
    Harrah's Resort Atlantic 오산 출장안마 City offers a 창원 출장마사지 large collection of slot 사천 출장마사지 machines and table games. Plus, a 충청남도 출장샵 variety 안성 출장마사지 of table games for casual gamblers. JAM

    ReplyDelete