Objek Javascript

A. Objek Untuk memasukkan Data

Terdapat beberapa objek yang dapat digunakan untuk memeasukkan data. Objek-objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi Objek Text, Objek Radio, Objek Checkbox, Objek Textarea, dan Objek Select.

B. Objek Text

Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh penggunaannya dapat kita lihat pada contoh berikut :

Contoh Program JavaScript

<html>

<head><title>Latihan Dengan Objek Text</title></head>

<body>

<!--

function tekan()

{

var namastr = (document.fform.nama.value);

var alamatstr = (document.fform.alamat.value);

document.fform.onama.value = namastr;

document.fform.oalamat.value = alamatstr;

}

//-->

</script>

<H1> Memasukkan Data Dengan Objek Teks</H1><hr>

<PRE>

Nama Anda : <input type="text" size="11" name="nama">

Alamat : <input type="text" size="25" name="alamat">

</PRE>

<BR>

<H3>Output</H3>

<PRE>

Jadi Nama Anda adalah :<input type="text" size="11" name="onama">

Alamat Anda di :<input type="text" size="25" name="oalamat">

</form>

</body>

</html>

C. Objek Radio

Objek radio adalah komponen yang digunakan untuk melakukan suatu pemilihan data. Karena selalu berupa Array , untuk mengakses satu tombol radio digunakan radio[indeks]. Disamping itu objek radio juga mempunyai nili True jika dipilih dan False jika tidak. Untuk memilih suatu objek radio menggunakan properti Checked.

Contoh Program JavaScript

<html>

<head><title>Latihan Dengan Objek Radio</title></head>

<body>

<!--

function radio_box(form)

{

var ket = "";

if (form.wanita.checked == true)

{

ket = "Wanita";

}

else

{

ket = "Pria";

}

alert('Anda adalah seorang ' +ket);

}

//-->

</script>

<form>

<H1> Memasukkan Data Dengan Objek Radio</H1><hr>

<p><input type="radio" value="wanita" name="wanita">Wanita</p>

<hr>

</form>

</body>

</html

D. Objek Checkbox

Objek checkbox menyimpan informasi tentang elemen form yang berupa kotak cek. Penggunaannya hampir sama seperti objek radio.

Contoh Program JavaScript

<html>

<head><title>Latihan Dengan Objek Checkbox</title></head>

<body>

<!--

function radio_box(form)

{

var ket = "";

var ket1 ="";

if (form.bola.checked == true)

{

ket = "Nonton Bola";

}

if (form.tv.checked == true)

{

ket1 = " Nonton Tv";

}

alert('Hobby anda ' +ket+''+ket1);

}

//-->

</script>

<form>

<H1> Memasukkan Data Dengan Objek Checkbox</H1><hr>

<p>Hobby anda :

<input type="checkbox" value="ON" name="bola">Nonton Sepak Bola

<input type="checkbox" value="ON" name="tv">Nonton televisi</p>

<hr>

</form>

</body>

</html>

E. Objek TextArea

Objek textarea menyimpan informasi tentang elemen form yang berupa kotak teks dengan banyak baris.

Contoh Program JavaScript

<html>

<head><title>Latihan Dengan Objek TextArea</title></head>

<body>

<!--

function tekan()

{

var ketstr = (document.fform.Ket.value);

document.fform.Oket.value = ketstr;

}

//-->

</script>

<H1> Memasukkan Data Dengan Objek TextArea</H1><hr>

<h3>Keterangan :<h3><br>

<H3>Output Keterangan :</H3>

</form>

</body>

</html>

F. Objek Select

Objek Select menyimpan informasi tentang elemen form yang berupa kotak daftar. Objek select berguna apabila di dalam form terdapat banyak pilihan yang telas mempunyai nilai tertentu.

Contoh Program JavaScript

<html>

<head><title>Latihan Dengan Objek Select</title></head>

<body>

<!--

function tekan()

{

var jurusanstr = (document.fform.Jurusan.value);

document.fform.Ojurusan.value = jurusanstr;

}

//-->

</script>

<H1> Penggunaan Objek Select</H1><hr>

<h3>Masukan :<h3>

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 Industri"> Teknik Industri </option>

<option value ="Teknik Elektro"> Teknik Elektro </option>

<option value ="Teknik Sipil"> Teknik Sipil </option>

<option value ="Teknik Arsitektur"> Teknik Arsitektur </option>

<option value ="Teknik Perencanaan Wil. Kota "> Perencanaan Wil. Kota </option>

</select>

<H3>Output jurusan :</H3>

</form>

</body>

</html>

Objek Javascript

Tidak ada komentar:

Posting Komentar

Arsip