HTML

Cara Cepat Dan Mudah Belajar JavaScript Dasar Untuk Pemula

By

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

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

< ! –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>[/su_spoiler]

Berikut ini contoh procedure dengan parameter pass by value;

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

< ! –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>[/su_spoiler]

Berikut ini contoh procedure dengan parameter pass by reference;

19

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

< ! –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>[/su_spoiler]

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

20

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

<!–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>[/su_spoiler]

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

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

<!–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>[/su_spoiler]

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

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

<!–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>[/su_spoiler]

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.

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

< ! – -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> [/su_spoiler]

Matriks

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

23

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

<!–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> [/su_spoiler]

Confirm

Dibawah ini adalah listing untuk membuat perintah Conform pada JavaScript.

24

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

<!–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> [/su_spoiler]

Prompt

Berikut imi adalah listing program cara membuat Prompt pada Java Script

26

[su_spoiler title=”Lihat Script ” style=”fancy” icon=”folder-2″]

<!- 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> [/su_spoiler]

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

[su_spoiler title=”baca artikel lainnya..” open=”yes” style=”fancy” icon=”folder-2″]

[/su_spoiler]

Pages: 1 2

Recommended for you

You must be logged in to post a comment Login