Pengenalan serta contoh coding Pada JAVA SCRIPT ~ Kumpulan Materi

Scriptag dapat diletakkan di tag(body) & / di tag (head) pada bagian halaman HTML.umum nya di sertakan dengan tujuan agar sekiranya browser tidak mengenali javascript maka browser akan memperlakukan nya sebagai komentar sehingga tidak dapat ditampilkan pada jendela browser.

Contoh:

<html>

<head>

<title>alert box</title>

</head>

<body>

Alert(“siswa kelas sepuluh sedang belajar javascript”);

</script>

</body>

</html>

Contoh 2

Script ditulis pada bagian body:

<html>

<body>

Document.write

(“<h1>berikut ini adalh penulisan dokument menggunakan javascript</h1>”)

</script>

</body>

</html>

1. Penulisan fungsi pada java script

1.penulisan java script di dalam tag (head)

Dalam contoh berikut :script java diletakkan di tag(head)pada halamanHTML.fnungsi akn dipanggil ketika tombol di klik.

Contoh 3:

<html>

<head>

Function cobafungsi()

{

Documment.get element byld(“coba”)

.innerHTML=”klai ini saya membuat fungsi dari javascript”;

}

</script>

</head>

<body>

<h1>halaman wab RPL</h1>

<p id =”coba”>A paragraph</p>

Coba fungsi</button>

</body>

</html>

1.2.penulisan javascript di dalam tag<body>

Dalam contoh berikut,fungsi javascript diletakkan di dalam tag<body> pada hal html.fungsi akan dipanggil ketika tombol di klik.

Contoh 4

<html>

<head>

<h1>halaman wab RPL<h1>

<p id=coba”>Portal RPL</p>

Function coba fungsi()

{

Documen get.elementbyld(“coba”)

..innnerhtml=”kali ini tag saya di letakkan di antara tag body”

}

</script>

</body>

</html>

2.memberi komentar pada javascript

Komentar pada suatu script tidak akan di eksekusi oleh javascript.komentar ditambah pada script untuk memberi penjelasan script/membuat script tidak di eksekusi untuk memberikan komentar yang hanya satu baris gunakan //

Contoh:

//ini adalah bagian heading:

Document.getElementbrld(“myh1”).innerhtml=”selamat datang di homepage saya”)

Document.getElementbyld(“myp”).innerhtml=”ini adalah paragraf saya.”;

atau

Var x = 5; // mendeklarasikan x dan memasangkan nya dengan 5

Var y = x + 2 ;// mendeklarasikan y dengan memasangkanya dengan x + 2

Sedangkan untuk memberikan komentar lebih dari satu baris, gunakan /* dan */ akan dinggap sebagai komentar,berikut komentar yang lebih dari suatu baris.

Contoh:

Kode berikut akan ditulis ke heading & paragraph akan menampilkan hal homepage

Document.getElement byld(“MYH!”).innerHTML=”selamat datang di homepage saya”;

Document.getElement Byld(“myp”)innerHTML=”ini adalah paragraph saya.”;