objectjava script - pdf.nsc.ac.idpdf.nsc.ac.id/3-pertemuan-3-20140320.pdf · objek radio 3. objek...

15
Ema Maliachi,S.Kom Object Java script Object Java script Pertemuan ke-3

Upload: nguyenhuong

Post on 14-Mar-2019

234 views

Category:

Documents


0 download

TRANSCRIPT

Ema Maliachi,S.Kom

Object Java scriptObject Java script

Pertemuan ke-3

Terdapat beberapa objek yang dapatdigunakan untuk memeasukkan data. Objek-objek Tersebut Biasanya Terdapat Dalam suatuForm. Adapun objek-objek tersebut meliputi :

1. Objek Text2. Objek Radio3. Objek Checkbox4. Objek Textarea5. Objek Select

Terdapat beberapa objek yang dapatdigunakan untuk memeasukkan data. Objek-objek Tersebut Biasanya Terdapat Dalam suatuForm. Adapun objek-objek tersebut meliputi :

1. Objek Text2. Objek Radio3. Objek Checkbox4. Objek Textarea5. Objek Select

Ema Maliachi,S.Kom

Untuk menginputkan data kita dapatmenggunakan komponen/objek text. Contoh

penggunaannya dapat kita lihat pada contohberikut :

Untuk menginputkan data kita dapatmenggunakan komponen/objek text. Contoh

penggunaannya dapat kita lihat pada contohberikut :

Ema Maliachi,S.Kom

Digunakan untuk memberikan nilai ke suatuoperan atau mengubah nilai suatu operan.No. Operator Keterangan Contoh Ekuivalen

1 = Sama dengan X=Y2 += Ditambah dengan X+=Y X=X+Y2 += Ditambah dengan X+=Y X=X+Y3 -= Dikurangi dengan X-=Y X=X-Y4 *= Dikali dengan X*=Y X=X*Y5 /= Dibagi dengan X/=Y X=X/Y6 %= Modulus den X%=Y X=X%Y7 &= Bit AND dengan X&Y X=X%Y8 |= Bit OR X|=Y X=X|Y

<html><head><title>Latihan Dengan Objek Text</title></head><body><script languange ="JavaScript"><!--function tekan(){var namastr = (document.fform.nama.value);var alamatstr = (document.fform.alamat.value);document.fform.onama.value = namastr;document.fform.oalamat.value = alamatstr;}//-->

<html><head><title>Latihan Dengan Objek Text</title></head><body><script languange ="JavaScript"><!--function tekan(){var namastr = (document.fform.nama.value);var alamatstr = (document.fform.alamat.value);document.fform.onama.value = namastr;document.fform.oalamat.value = alamatstr;}//-->

Ema Maliachi,S.Kom

</script><form name ="fform"><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><input type="button" value="kirim" onclick="tekan()"><input type="reset" value="ulang"><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>

Ema Maliachi,S.Kom

</script><form name ="fform"><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><input type="button" value="kirim" onclick="tekan()"><input type="reset" value="ulang"><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>

Ema Maliachi,S.Kom

Objek radio adalah komponen yang digunakanuntuk melakukan suatu pemilihan data.

Karena selalu berupa Array , untuk mengaksessatu tombol radio digunakan radio[indeks].

Disamping itu objek radio juga mempunyainilai True jika dipilih dan False jika tidak.Untuk memilih suatu objek radiomenggunakan properti Checked.

Objek radio adalah komponen yang digunakanuntuk melakukan suatu pemilihan data.

Karena selalu berupa Array , untuk mengaksessatu tombol radio digunakan radio[indeks].

Disamping itu objek radio juga mempunyainilai True jika dipilih dan False jika tidak.Untuk memilih suatu objek radiomenggunakan properti Checked.

Ema Maliachi,S.Kom

Digunakan untuk memberikan nilai ke suatuoperan atau mengubah nilai suatu operan.No. Operator Keterangan Contoh Ekuivalen

1 = Sama dengan X=Y2 += Ditambah dengan X+=Y X=X+Y2 += Ditambah dengan X+=Y X=X+Y3 -= Dikurangi dengan X-=Y X=X-Y4 *= Dikali dengan X*=Y X=X*Y5 /= Dibagi dengan X/=Y X=X/Y6 %= Modulus den X%=Y X=X%Y7 &= Bit AND dengan X&Y X=X%Y8 |= Bit OR X|=Y X=X|Y

Digunakan untuk membandingkan dua buahoperan. Operan yang dikenal operator inidapat bertipe string, numerik, maupunekspresi lain.No. Operator Keterangan

1 == Sama Dengan1 == Sama Dengan2 != Tidak sama dengan3 > Lebih Besar4 < Lebih Kecil5 >= Lebih besar atau sama dengan6 <= Lebih kecil atau sama dengan

Ema Maliachi,S.Kom

Digunakan untuk mengoperasikan operanyang bertipe boolean.No. Operator Keterangan

1 && Operator Logika AND2 || Operator Logika OR2 || Operator Logika OR3 ! Operator Logika NOT

Contoh :var A = true;var B = false;var C = A && B; //menghasilkan falsevar D = A || B ; // falsevar E = !A; //false

Ema Maliachi,S.Kom

Contoh 2<html><head><title>Latihan Dengan Objek Radio</title></head><body><script languange ="JavaScript"><!--function radio_box(form){var ket = "";if (form.wanita.checked == true){ket = "Wanita";

}else{ket = "Pria";

}alert('Anda adalah seorang ' +ket);}//--> Ema Maliachi,S.Kom

<html><head><title>Latihan Dengan Objek Radio</title></head><body><script languange ="JavaScript"><!--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><p><input type="button" value="CONFIRM"

onclick="radio_box(this.form)"><input type="reset" value="RESET"></p></form></body></html

</script><form><H1> Memasukkan Data Dengan Objek

Radio</H1><hr><p><input type="radio" value="wanita"

name="wanita">Wanita</p><hr><p><input type="button" value="CONFIRM"

onclick="radio_box(this.form)"><input type="reset" value="RESET"></p></form></body></html

Ema Maliachi,S.Kom

Ema Maliachi,S.Kom

Pertemuan ke-3