Cara Cepat Dan Mudah Belajar JavaScript Dasar Untuk Pemula

Posted on

Subprogram

Subprogram pada JavaScript tidak mengenal procedure, tetapi hanya function yakni kasus procedure ditangani sebagai function tanpa nilai kembali (return value). Berikut ini contoh procedure;

18

Lihat Script

< ! –js_procl.html–>
<html>
<head>
<script language=”JavaScript”> function myfunction()
{
alert(“Hello”)
</script>
<head>
<body>
<form>
<input type=”button” onclick=”myfunction 0″ value=”Call Function”>
</form>
</body>
</html>

Berikut ini contoh procedure dengan parameter pass by value;

Lihat Script

< ! –js_proc2.html–>
<html>
<head>
<script language=”JavaScript”> function myfunction(txt)
{
alert(txt)
}
</script>
<head>
<body>
<form>
<input type=”button” onclick=”myfunction(‘Hello’)” value=”Call Function”>
</form>
</body>
</html>

Berikut ini contoh procedure dengan parameter pass by reference;

19

Lihat Script

< ! –js_proc3.html–>
<html>
<head>
<script language=”JavaScript”> function myfunction(txt)
{
alert(“Hello “+txt)
</script>
<head>
<body>
<form>
Nama <input type=”text” name=”vstring”>
<input type=”button” onclick=”myfunction(vstring.value) ‘ value=”Call Function”>
</form>
</body>
</html>

Berikut ini contoh function dengan parameter pass by value dengan pemanggilan tak..Ljngsung atau melakukan assignment terhadap variabel sum terlebih dahulu

20

Lihat Script

<!–j s_funcl.html–>
<html>
<head>
<script language=”JavaScript”> function total(a,b)
{
return (a+b)
}
</script>
<head>
<body>
<script language=”Javascript”>
sum=total(2,3) document.write(sum)
</script’>
</body>
</html>

Berikut ini contoh function dengan parameter pass by reference dengan pemanggilan langsung;

Lihat Script

<!–js_func2.html–>
<html>
<head>
<script language=”JavaScript”> function multiply(a,b)
{
return (a*b)
}
</script>
<head>
<body>
<script language= “JavaScript” >
vall=window.prompt(“1 st Value : “)
val2=window.prompt(“2 nd Value : “)
document.write(multiply(vail,val2))
</script>
</body>
</html>

Array

Mirip dengan VBScript, nilai index o juga dapat digunakan meski demikian hati-hati dengan definisi ini karena kapasitas array dapat melebihi kapasitas seharusnya.

22

Lihat Script

<!–js_array.html–>
<html>
<head>
</head>
<body>
<script language=”JavaScript”>
var famname=new Array(3)
famname[0]=”Erly”
famname[1]=”Nadhifa”
famname[2]=”Ghiffari”
famname[3]=”Alexander”
for (i=0;i<=3;i++) document.write(famname[i] + “<br>”)
</script>
</body>
</html>

Pengisian array juga dapat dilakukan secara langsung ketika pertama kali didefinisikan seperti program di bawah ini dengan catatan variabel x digunakan untuk menyimpan panjang string.

Lihat Script

< ! – -j s_arrayl.html–>
<html>
<head>
</head>
<body>
<script language=”JavaScript”>
var famname=new Array(“Erly” , “Nadhifa”, “Ghiffari”, “Alexander”)
x = famname.length
for (i = 0;i<x;i++) document. write (famname [i] + “<br>”)
</script>
</body>
</html> 

Matriks

Perhatikan bahwa ketika pendefinisian digunakan simbol kurung bulat “()” , tetapi ketika proses dilakukan digunakan simbol

23

Lihat Script

<!–j s_matriks.html–>
<html>
<head>
<title>Perkalian Matriks</title>
</head>
<body>
<script language=”JavaScript”>
var arr1 = new Array(10,10)
var arr2 = new Array(10,10)
var arr3 = new Array(10,10)
a=window.prompt(“arr1 row”)
b=window.prompt(“arrl column or arr2 row”)
c=window.prompt(“arr2 column”)
// input matriks 1
for (x=l;x<=a;x++) {
for (y=l;y<=b;y++ ) {
arr1[x,y]=window.prompt(“arrl baris ke “+x+” kolom ke
“+y) }}
// input matriks 2 for (y-l;y<=b;y++)-4w.
for (z=l;z<=C;z++)            {
arr2[y,z]=window.prompt(“arr2 baris ke “+y+” kolom ke
” + z) }}
// proses perkalian for !x-l;x<=a;x++) {
for (z=l;z<=C;z++) { arr3 [x, z] =0
for (y=l;y<=b;y++)           {
arr3 [x, z] =arr3 [x, z] + (arrl [x, y] *arr2 [y, z] ) }}}
// penulisan hasil for (x=l;x<=a;x++){
for (z=l;z<=c;z++){
document .write (“b ” + x +” k “+ z +” :
“+arr3[x,z]+”<br>”)}}     H
</script>
</body>
</’html> 

Confirm

Dibawah ini adalah listing untuk membuat perintah Conform pada JavaScript.

24

Lihat Script

<!–j s_confirm.html–>
<html>
<head>
<title>Confirm</title>
</head>
<body>
<script language= “JavaScript”> var name = confirm(“Press a button”) if (name==true)
{ document.write(“You pressed OK”) } else
{ document.write(“You pressed Cancel”)} </script>
</body>
</html> 

Prompt

Berikut imi adalah listing program cara membuat Prompt pada Java Script

26

Lihat Script

<!- js_prompt. html–>
<html>
<head>
<title>Confirm</title>
</head>
<body>
<script language=”JavaScript”>
var name = prompt(“Please enter your name”,’
if (name != null && name != “”)
{ document.write(“Hello “+name) }
</script>
</body>
</html> 

Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^