January 2014

Objek JavaScript

Thinkpad Store Depok 20:01 javascript , pemrograman web No comments

3.1 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.

3.2 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>

3.3 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> <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

3.4 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>

3.2 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>

No comments :

Variabel JavaScript

Thinkpad Store Depok 19:33 javascript No comments

2.1 Variabel Dalam JavaScript

Variabel adalah empat dimana kita menyimpan nilai-nilai atau informasi-informasi pada JavaScript. Variabel yang dideklarasikan dapat di isi dengan nilai apa saja.

Dalam JavaScript pendeklarasian sebuah variabel sifatnya opsional, artinya anda boleh mendeklarasikan atau tidak hal tersebut tidak menjadi masalah. Jika anda memberi nilai pada variabel, maka dalam JavaScript dianggap bahwa anda telah mendeklarasikan variabel tersebut.

Aturan penamaan variabel :

Harus diawalai dengan karakter (huruf atau baris bawah)
Tidak boleh menggunakan spasi
Huruf Kapital dan kecil memiliki arti yang berbeda
Tidak boleh menggunakan kata-kata yang merupakan perintah dalam JavaScript.

Deklarasi Variabel

Var nama_variabel = nilai

Atau

Nama_variabel = nilai

Contoh :

var nama;

var nama = ” Zaskia Mecca”

var X = 1998;

var Y;

Nama = ”Bunga Lestari”

X = 1990;

Y = 08170223513

2.2 Tipe Data

Tidak seperti bahasa pemrograman lainnya, JavaScript tidak memiliki tipe data secara explisit. Hal ini dapat dilihat dari beberapa contoh variabel diatas. Anda mendeklarasikan variabel tapi tidak menentukan tipenya.

Meskipun JavaScript tidak memiliki tipe data secara explisit. JavaScript mempunyai tipe data implisit. Terdapat empat macam tipe data implisit yang dimiliki oleh JavaScript yaitu :

Numerik, seperti : 0222532531, 1000, 45, 3.146789 dsb
String, seperti : “Hallo”, “April”, “Jl. Setiabudi No 17A”, “Cece Kirani” dsb
Boolean, bernilai true atau false
Null, variabel yang tidak diinisilisasi

2.3 Tipe Numerik

Pada dasarnya JavaScript hanya mengenal dua macam tipe numerik, yaitu bilangan bulat (integer) dan bilangan pecahan(real/float).

Untuk bilangan bulat, kita dapat merepresentasikan dengan basis desimal, oktal atau heksadesimal.

Contoh :

var A = 100;

var B = 0x2F;

untuk pendeklarasian tipe bilangan real, dapat menggunakan tanda titik atau notasi ilmiah (notasi E).

Contoh :

var a = 3.14533567;

var b = 1.23456E+3;

2.4 Tipe String

Untuk mendeklarasikan tipe string dapat dilakukan dengan cara menuliskan string diantara tanda petik tunggal (’) atau tanda petik ganda (”)

Contoh :

var str =’Contoh deklarasi string’;

var str1 = ”cara ini juga bisa untuk menulis string”;

2.5 Tipe Boolean

Tipe boolean hanya mempunyai nilai True atau False. Tipe ini biasanya digunakan untuk mengecek suatu kondisi atau keadaan.

Contoh :

var X = (Y > 90);

contoh diatas menunjukkan bahwa jika Y lebih besar dari 90 maka X akan bernilai True.

2.6 Tipe Null

Tipe Null digunakan untuk merepresentasikan variabel yang tidak diberi nilai awal (inisialisasi).

2.7 Operator

Operator pada JavaScript terbagi menjadi enam, yaitu :

Aritmatika
Pemberian nilai (Assign)
Pemanipulasian bit (bitwise)
Pembanding
Logika
String

a. Operator Aritmatika

Digunakan untuk operan beripe numerik. Ada dua macam operator aritmatik, yaitu operator numerik tunggal dan operator aritmatik biner. Perbedaan kedua operator terletak pada jumlah operan yang harus dioperasikan.

Operator	Tunggal/Biner	Keterangan
+	Biner	Penjumlahan
-	Biner	Pengurangan
*	Biner	Perkalian
/	Biner	Pembagian
%	Biner	Modulus
-	Tunggal	Negasi
++	Tunggal	Penambahan dengan satu
--	Tunggal	Pengurangan dengan satu

b. Operator Pemberian Nilai

Digunakan untuk memberikan nilai ke suatu operan atau mengubah nilai suatu operan.

Operator	keterangan	Contoh	Ekuivalen
=	Sama dengan	X=Y
+=	Ditambah dengan	X+=Y	X=X+Y
-=	Dikurangi dengan	X-=Y	X=X-Y
*=	Dikali dengan	X*=Y	X=X*Y
/=	Dibagi dengan	X/=Y	X=X/Y
%=	Modulus dengan	X%=Y	X=X%Y
&=	Bit AND dengan	X&Y	X=X&Y
\|=	Bit OR	X\|=Y	X=X\|Y

c. Operator Manipulasi Bit

Operasi ini berhubungan dengan pemanipulasian bit pada operan bertipe bilangan bulat.

Operator	Keterangan
&	Bit AND
\|	Bit OR
^	Bit XOR
~	Bit NOT
<<	Geser ke kiri
>>	Geser ke Kanan
>>>	Geser ke kanan dengan diisi nol

Contoh :

var A = 12; // A = 1100b

var B = 10; // B = 1010b

var C = A & B

maka akan dihasilkan bilangan seperti berikut :

1100b

1010b AND

1000b

var A = 12;

var C = A<< 2

var D = A >> 1

maka variabel C akan bernilai 48(0011 0000b)

variabel D akan bernilai 6 (0110b)

d. Operator Pembanding

Digunakan untuk membandingkan dua buah operan. Operan yang dikenal operator ini dapat bertipe string, numerik, maupun ekspresi lain.

Operator	Keterangan
==	Sama dengan
!=	Tidak sama dengan
>	Lebih besar
<	Lebih kecil
>=	Lebih besar atau sama dengan
<=	Lebih kecil atau sama dengan

e. Operator Logika

Digunakan untuk mengoperasikan operan yang bertipe boolean.

Operator	Keterangan
&&	Operator logika AND
\|\|	Operator Logika OR
!	Operator logika NOT

Contoh :

var A = true;

var B = false;

var C = A && B; //menghasilkan false

var D = A || B ; // false

var E = !A; //false

f. Operator String

Selain operator pembanding, operator string pada JavaScript juga mengenal satu operator lagi yang bernama PENGGABUNGAN. Operator ini digunakan untuk menggabungkan beberapa string menjadi sebuah string yang lebih panjang.

Contoh :

nama = ”Java” + ”Script”;

akan menghasilkan ”JavaScript” pada variabel nama

Contoh Program JavaScript



<HTML>


<BODY>


<SCRIPT language="JavaScript">





document.write("Belajar Pemrograman Javascript!");


document.writeln("<br> <center><h1>Heading 1 dalam javascript</h1>");





document.writeln("</center>");





function sms(){


var psn=document.frm_sms.pesan.value;





alert(psn);


}


function hitung_kali(){


var bil1=document.frm_hitung.bilangan1.value; 


var bil2=document.frm_hitung.bilangan2.value;





var hasil=bil1*bil2;





alert(hasil);


}


function hitung_tambah(){


var bil1=parseFloat(document.frm_hitung.bilangan1.value); 


var bil2=parseFloat(document.frm_hitung.bilangan2.value);





var hasil=bil1+bil2;





alert(hasil);


}


<!--a--> 


</SCRIPT>


<br>


<B>INI Di TULIS LANGSUNG DARI HTML</B>





<form name="frm_sms" id="frm_sms" method="post" action="">


Pesan <input type="text" name="pesan" id="pesan" />


<input type="submit" name="simpan" onClick="sms()" value="Kirim" />


</form>


<hr>


<form name="frm_hitung" id="frm_hitung" method="post" action="">


Bilangan 1 <input type="text" name="bilangan1" id="bilangan1" />


Bilangan 2 <input type="text" name="bilangan2" id="bilangan2" />


<input type="button" name="simpan" onClick="hitung_kali()" value="*" />


<input type="button" name="simpan" onClick="hitung_tambah()" value="+" />


</form>


</BODY>


</HTML>

Berikut tampilan code program di atas

Objek JavaScript

No comments :

Post a Comment

Variabel JavaScript

No comments :

Post a Comment

QUOTE OF THE DAY

About Me

Blog Archive

Labels

Popular Posts

Download templates

Labels

Labels

Subscribe