Showing posts with label Tutorial JavaScript. Show all posts
Showing posts with label Tutorial JavaScript. Show all posts

Length


Perintah length adalah suatu perintah untuk menghitung panjang suatu teks.
SINTAK :
Var_teks.length
Contoh Program :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Length</title>
</head>
<body>
<script language="javascript">
var nama="Muryan Awaludin"
panjangnama=nama.length
document.write("Nama Anda: " + nama + "<br>")
document.write("Panjang Nama Anda = " + panjangnama)
</script>
</body>
</html>




Hasil Setelah Program Dijalankan :
Nama Anda: Muryan Awaludin
Panjang Nama Anda: 15


Kenapa panjang nama menjadi 15, karena spasi juga dihitung 1 karakter, demikian dengan tanda baca dan lain-lain, sehingga jumlahnya menjadi 15

DOWNLOAD

Fungsi Function ( Part I )


Perintah function adalah perintah untuk membuat fungsi. Fungsi ( Function ) digunakan untuk mengakses sekumpulan perintah dan dapat dipanggil kapan saja dibagian lain didalam program, sehingga untuk tujuan yang sama tidak perlu membuatkan kembali program yang sama, tetapi cukup hanya memanggil kembali fungsi yang telah kita buat...
SINTAK
Function variable()
{
Blok Perintah
}

Contoh Program


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contoh Membuat Fungsi</title>
</head>
<body>
<script language="javascript">
function pesan()
{
var nama = prompt ('Ketikan Nama Anda :','')
var email= prompt ('Email Anda :','Contoh : muryan@muryan.com')
document.write("Nama Anda :"+nama+"<br>")
document.write("Email Anda :"+email)
}
</script>
<input type="button" value="Isi Data Anda" onclick="pesan()" />
</body>
</html>



Hasil Program Setelah dijalankan


DOWNLOAD Fungsi FUNCTION
Password rar : www.ilmudesain.web.id

Fungsi While


Perintah while adalah perintah untuk mengerjakan sesuatu selama persyaratan dipenuhi.
Sintak :


While (syarat) > selama syarat dipenuhi
{
Kerjakan blok perintah ini.
}

Contoh :
Var i = 0
While ( i < 10 ) -> kerjakan selama i lebih kecil dari 10
{
i ++ -> counter agar i bertambah.
Document.write ("Saya suka JavaScript di www.ilmudesain.web.id ")
}


Akan mencetak Saya suka JavaScript di www.ilmudesain.web.id sebanyak 10 kali ke kanan.
CATATAN : <10 artinya 9,8,7,6,5,4,3,2,1 (=10).

CONTOH PROGRAM


<html>
<head>
<title>Fungsi While</title>
</head>
<body>

<script language="javascript">

var i= 0
while (i < 10)
{
i++
document.write("Saya suka JavaScript di www.ilmudesain.web.id ")
}
</script>

</body>
</html>



HASILNYA :


DOWNLOAD FUNGSI WHILE
Password rar: www.ilmudesain.web.id

Fungsi for


Perintah for adalah perintah loop, yaitu perintah untuk melakukan pengulangan. Perintah ini sama dengan perintah for dalam bahasa pemograman basic, pascal atau C. Perintah for tidak bisa lepas dari operator, oleh karena itu lihatlah kembali OPERATOR ARITHMATIK yang terdapat artikel sebelumnya .....

Sintak:
For (nilai awal; nilai akhir; kenaikan atau penurunan)
{
Blok perintah yang akan diulang.
}
CONTOH :
For (var i=1; i < 11; i++)
{
document.write(i)
}

Maka akan mencetak angka 1 sampai 10 ke kanan. Jika pencetakan ingin dilakukan kebawah, maka ditambahkan perintah bright return (
).

Contoh Program :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fungsi FOR</title>
</head>
<body>
<script language="javascript">
for (var i =1; i < 11; i++ )
{
document.write(i + ". Muryan Awaludin, Ilmu desain grafis, desain grafis, ilmu grafis, tutorial desain grafis. <br>")
}
</script>
</body>
</html>


Maka setelah hasil dijalankan :


Download Fungsi for
Password rar = www.ilmudesain.web.id

Perintah IF


Perintah if adalah perintah untuk membandingkan 2 buah data atau lebih. Untuk memperbandingkan data digunakan operator logika. Lihat kembali Operator Arithmatika dan Operator Logika yang terdapat pada postingan sebelumnya, sebab perintah if tidak bisa lepas dari operator ini..
Sintak :

If ( lakukan perbandingan disini )
{
.............................
Blok ini akan dikerjakan jika perbandingan dipenuhi.
.............................
}
Else
{
Blok ini akan dikerjakan jika perbandingan tidak dipenuhi.
...............................
}


CONTOH PROGRAM
Berikut ini adalah contoh program untuk memperbandingkan 2 buah keadaan, jika umur pengguna 17 tahun kebawah, maka program akan tampil peringatan “ Maaf Anda Belum Bisa Masuk” , dan jika pengguna 17 tahun ke atas, maka program akan menampilkan “ Anda Boleh Masuk”.


<html>
<head>
<title>Contoh Fungsi if</title>
</head>
<body>
<script language="javascript">
var nama= prompt("Ketik Nama Anda : ")
var umur= prompt("Berapa Usia Anda ?")
document.write("Nama Anda :"+nama+"<br>")
if(umur>=17)
{
document.write("Usia Anda ="+umur+"tahun<br>")
document.write("<h3>Anda Boleh Masuk!!</h3>")
}
else
{
document.write("Usia Anda baru :"+umur+"tahun<br>")
document.write("<h3>Maaf Anda Belum Bisa Masuk!!!!!!!!</h3>")
}
</script>
</body>
</html>



HASIL SETELAH PROGRAM DIJALANKAN..
Program akan meminta Nama Pengguna dibawah ini :

Setelah di Klik OK, maka akan muncul kembali program meminta umur pengguna :


Jika Usia lebih dari 17 ( seperti contoh penulis ) maka hasilnya akan tampak seperti gambar dibawah :

Jika Usia kurang dari 17 maka hasilnya akan tampak seperti gambar dibawah :


DOWNLOAD FILE LENGKAP
Password : www.ilmudesain.web.id

Confirm


Perintah confirm hampir sama dengan perintah alert, tetapi perintah confirm umumnya digunakan untuk menampilkan kotak dialog penegasan (?), sedangkan perintah alert digunakan untuk menampilkan kotak dialog peringatan (!).


Contoh Program :


<html>
<head>
<title>Confirm</title>
</head>
<body>
<script language="javascript">
Confirm ( "Apakah data yang Anda masukan sudah benar?" )
</script>
</body>
</html>


Hasil Program nya :


document.write


Perintah document.write adalah perintah untuk mencetak hasil ke layar ( perintah ini sama seperti perintah PRINT dalam Visual Basic atau WRITE dalam Turbo Pascal). Nah untuk lebih jelasnya saya akan memberikan contoh gabungan teks dengan penjumlahan...
contoh program :


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>document.write</title>
</head>
<body>
<script language="javascript">

document.write("<h1>LIMA ditambah ENAM = " + (5+6) + "</h1>")

</script>
</body>
</html>


Hasil Programnya :



DOWNLOAD
Passwrd : www.ilmudesain.web.id

VAR ( Variable )


Var yang merupakan singkatan dari Variable adalah suatu nilai yang isinya dapat berubah-ubah.
Contoh :

Var a= 10
Var i = 2 + 3 * 6
Var nama = “Muryan Awaludin”

Nah sekarang saya ingin memberikan contoh program yang dimana ( Var i = 2+3*6 )

<html>
<head>
<title>Variable</title>
</head>
<body>
<script language="javascript">
var i = 2+3*6
document.write(i)

</script>
</body>
</html>


Maka hasil program dijalankan :




Operator Arithmatika JavaScript


Kali ini saya mencoba berbagi tutorial tentang JavaScript, Alhamdulillah kenapa saya juga menulis tentang JavaScript ini karena ada temen saya yang memberikan kritik dan saran yang sangat membangunkan motivasi saya untuk menuangkan tentang materi JavaScript ini, mudah-mudahan bisa membantu sebagai reverensi belajar.....
Agar temen-temen bloggers bisa memahami tentang JavaScript, maka pertama harus memahami terlebih dahulu Operator Arithmatika JavaScript berikut ini :
































































































OPERATOR FUNGSI CONTOH
= Sama dengan A=B
+ Tambah A+B, "Teks1" + "Teks2"
- Kurang A-B
* Kali A*B
/ Bagi A/B
? Perbandingan A?B:C
++ Penambahan dengan 1 i++, ++i
-- Pengurangan dengan 1 i--, --i
= = Sama dengan (perbandingan) A==B ( Benar jika A sama dengan B dan salah jika A tidak sama degnan B )
!= Tidak sama dengan A!=B
> Lebih besar dari A>B
>= Lebih besar atau Sama dengan A>=B
< Labih kecil dari A<B
<= Lebih kecil atau sama dengan A<=B
% Mencari sisa pembagian A%B
+= Shorthand untuk penambahan A += 5 ( Nilai A ditambah dengan 5 )
-= Shorthand untuk pengurangan A -= 5 ( Nilai A dikurangi dengan 5 )
*= Shorthand untuk perkalian A *= 5 ( Nilai A dikali dengan 5 )

HIRARKI ( Urutan Perhitungan )
Urutan perhitungan dalam JavaScript sama dengan urutan perhitungan dalam Turbo Pascal atau Turbo C, yaitu yang dalam kurung terlebih dahulu, barulah perkalian dan pembagian, kemudian penambahan dan pengurangan .
contoh :
1. 2+3*6 = 2+18=20
Kenapa bisa begitu? Kenapa tidak 30? Perkalian dan pembagian dikerjakan terlebih dahulu, barulah penambahan dan pengurangan, sehingga :3*6 =18, barulah 18 ditambah 2 menjadi 20.

2. (2+3)*6 = 5+18 =30
Kalau yang ini baru hasilnya 30, yang dikerjakan yang dalam kurung terlebih dahulu :2+3=5, sehingga 5*6=30.

Semoga artikel JavaScript ini bisa bermanfaat bagi temen2 semua...salam blogger teruslah berkreasi dan berbagi

Entri Populer

Kontak Saya

HP/WA : 08562616116

Total Pageviews

Teman-Teman Blogger

Dapatkan Update artikel IDG ke email Anda

Ilmu Desain Grafis Copyright © 2009 Community is Designed by Bie | development by Muryan Awaludin