XII AP1 Cristin Ameliana: pengertian javascript dan perintah-perintahnya

Javascipt merupakan bahasa pemrograman komputer yang dinamis. Biasanya sering digunakan pada web browser untuk menciptakan halaman web yang menarik, interaktif, serta merapkan berbagai fungsi pada halaman web. Javascript merupakan salah satu pemrograman web yang harus kita pelajari. JavaScript adalah bahasa pemrograman berbasis java yang merupakan interface pembantu dalam pemrograman web. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera.

Perintah Dasar Pada Javascript

Perintah dasar merupakan perintah yang digunakan sebagai operasi yang paling dasar dalam pemrograman Javascript, yaitu

perintah assigment
perintah untuk menampilkan output
perintah untuk menerima input
operator melakukan manipulasi data

Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data.

contoh:

nama = 'Rudianto'

angka = 11

umur = 25

namalengkap = 'Teknik Komputer'

Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu variabel yang bisa diberi nilai awal atau yang disebut juga dengan proses inisialisasi.

contoh:

var nama = 'Rudianto'

var angka = 9

var umur = 25

Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi dengan tipe data yang berbeda.

contoh:

var angka = 'sembilan'

var angka = 9

Dalam satu pernyataan assignment juga bisa diisikan data lebih dari baris, dan setiap pindah baris ditutup dengan menuliskan karakter backslash(\).

contoh:

kalimat = " Selamat datang di program studi Teknik Komputer \

Politeknik NSC Surabaya \

semoga bermanfaat"

Perintah Output

document.write(namavariabel)
document.write("Kalimat"+namavariabel)
alert("Kalimat"+namavariabel)

Contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
<h1>Contoh menampilkan output dan alert</h1>
<script type="text/javascript" language="javascript">
nama = "Rudianto"
umur = 35
document.write("Nama : "+nama)
document.write("<br>")
document.write("Umur : "+umur)
alert("Nama anda : "+nama+"\n"+"Umur anda : "+umur)
</script>
</body>
</html>

Hasil Running

Perintah Input dengan prompt

namavariabel = prompt("Pesan" , nilaidefault)

dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya.

contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
<h1>Contoh menerima input</h1>
<script type="text/javascript" language="javascript">
nama = prompt("Siapa nama anda ? " , "Teknik Komputer")
umur = prompt("Berapa umur anda ? ", 25)
document.write("Nama : "+nama)
document.write("<br>")
document.write("Umur : "+umur)

</script>
</body>

</html>

Hasil running

setelah diisi akan ditampilkan

A. new Array

new Array merupakan perintah untuk memasukkan sekumpulan data dalam sebuah variabel (data disimpan dalam variabel yang sama secara berurutan).

Contoh :

<!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=iso-8859-1" />
<title>Contoh new Array</title>
</head>

<body>

<script language="javascript">
var nama = new Array(3);
nama[1]="Iwan";
nama[2]="Budi";
nama[3]="Yanto";


document.write("Nama dia adalah : "+ nama[1])
document.write("<br>")
document.write("Nama dia adalah : "+ nama[2])
document.write("<br>")
document.write("Nama dia adalah : "+ nama[3])
document.write("<br>")


</script>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Contoh new Array</title>

</head>

<body>

var nama = new Array(3);

nama[1]="Iwan";

nama[2]="Budi";

nama[3]="Yanto";

document.write("Nama dia adalah : "+ nama[1])

document.write("<br>")

document.write("Nama dia adalah : "+ nama[2])

document.write("<br>")

document.write("Nama dia adalah : "+ nama[3])

document.write("<br>")

</script>

</body>

</html>

Hasilnya :

B. For

for adalah perintah loop, perintah untuk melakukan perulangan data yang banyak.

Contoh :

<!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=iso-8859-1" />
<title>Contoh for</title>
</head>
<body>

<script language="javascript">

for(var i=1;i < 11;i++)
{
document.write("Hitungan :"+i+"<br>");
}

</script>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Contoh for</title>

</head>

<body>

for(var i=1;i < 11;i++)

{

document.write("Hitungan :"+i+"<br>");

}

</script>

</body>

</html>

Hasilnya :

C. While

while digunakan sebagai perulangan atau looping data seperti halnya for

contoh :

<!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=iso-8859-1" />
<title>Contoh while</title>
</head>
<body>

<script language="javascript">

i = 0;
while (i <= 10) {
    
document.write("Hitungan :"+i+"<br>");
    i++;
}

</script>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Contoh while</title>

</head>

<body>

i = 0;

while (i <= 10) {

document.write("Hitungan :"+i+"<br>");

i++;

}

</script>

</body>

</html>

Hasilnya :

D. If , Else if dan else

Perintah if suatu fungsi keputusan dimana IF akan menentukan untuk pengecekan suatu kondisi. Jika kondisi terpenuhi maka fungsi akan mengambil suatu nilai, dan sebaliknya jika tidak dipenuhi akan mengambil nilai lainnya.

Alur kinerja if :

if (lakukan perbandingan disini 1)

{

// Blok akan dikerjakan jika perbandingan dipenuhi 1

}

else if (lakukan perbandingan disini 2)

{

// Blok akan dikerjakan jika perbandingan dipenuhi 2

}

else

{

// Blok ini tidak akan dikerjakan jikan perbandingan tidak dipenuhi

}

Contoh

<!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=iso-8859-1" />
<title>Contoh if else if</title>
</head>
<body>

<script language="javascript">

var nilai=60;

if (nilai>=70)
{
document.write("Hasil Nilai Adalah : A")
}
else if (nilai>=60)
{
document.write("Hasil Nilai Adalah : B")
}
else
{
document.write("Hasil Nilai Adalah : C")
}


</script>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Contoh if else if</title>

</head>

<body>

var nilai=60;

if (nilai>=70)

{

document.write("Hasil Nilai Adalah : A")

}

else if (nilai>=60)

{

document.write("Hasil Nilai Adalah : B")

}

else

{

document.write("Hasil Nilai Adalah : C")

}

</script>

</body>

</html>

Dari hasil script yang dihasilkan adalah nilai B karena nilai telah terpenuhi. Nilai lebih besar sama dengan 60

E. Function

Function adalah perintah untuk membuat fungsi-fungsi baru sesuai dengan kebutuhan pembuatnya. Digunakan untuk mengakses sekumpulan perintah dan dapat dipanggil kapan saja di bagian lain di dalam program, sehingga untuk tujuan yang sama tidak perlu membuat kembali program yang sama, tetapi kita cukup memanggilnya dengan fungsi-fungsi yang kita buat.

Alur kinerja function :

function variabel()

{

// Blok perintah

}

Contoh :

<!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=iso-8859-1" />
<title>Contoh while</title>
</head>
<body>

<script language="javascript">
function pesan()
{
var nama=prompt('Ketik nama Anda:','Misalnya Ivan Gunawan...')
var umur=prompt('Apakah boleh tahu umur Anda','')

document.write("Nama Anda:"+nama+"<br>");
document.write("Umur Anda:"+umur);
}
</script>

<input type="button" value="ISI FORMULIR DISINI"  onclick="pesan()">

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Contoh while</title>

</head>

<body>

function pesan()

{

var nama=prompt('Ketik nama Anda:','Misalnya Ivan Gunawan...')

var umur=prompt('Apakah boleh tahu umur Anda','')

document.write("Nama Anda:"+nama+"<br>");

document.write("Umur Anda:"+umur);

}

</script>

</body>

</html>

Klik ISI FORMULIR DISINI kemudian isikan data nama dan umur

Masukkan nama

Masukkan umur

Hasilnya

XII AP1 Cristin Ameliana

Jumat, 14 Agustus 2015

pengertian javascript dan perintah-perintahnya

Perintah Dasar Pada Javascript

A. new Array

B. For

C. While

D. If , Else if dan else

E. Function

Tidak ada komentar:

Posting Komentar