Javascript - 1 Instruktur: Arif Nurwidyantoro

HTML digunakan untuk menampilkan struktur dan isi dari halaman web. CSS digunakan untuk mengatur bagaimana halaman HTML ditampilkan dalam browser. Baik HTML maupun CSS tidak memiliki fungsi logika seperti layaknya bahasa pemrograman. Pada lingkungan web, pemrograman dilakukan dengan menggunakan bahasa skrip yang diembed ke dalam halaman HTML. Menurut cara eksekusi skrip dalam halaman HTML, ada dua jenis pemrograman yang sering dijumpai, yaitu: 1. Pemrograman di sisi server 2. Pemrograman di sisi client/browser Pada pemrograman sisi server, baris skrip dijalankan pada server. Server memiliki interpreter untuk kode program yang kemudian akan dieksekusi. Contoh bahasa untuk pemrograman di sisi server adalah PHP dan ASP. Berbeda dengan pemrograman sisi server, baris skrip pada pemrograman sisi client dieksekusi pada browser yang digunakan oleh pengguna. Meski dieksekusi pada sisi pengguna, kode program ini tetap saja bisa berinteraksi dengan server untuk keperluan-keperluan tertentu. Contoh bahasa untuk pemrograman di sisi server adalah Javascript. Kode Javascript bisa diletakkan pada halaman HTML secara langsung atau bisa juga pada file yang terpisah seperti pada CSS. Pendefinisian kode Javascript berada di dalam tag <script>. Jika halaman HTML menggunakan file Javascript yang terpisah, maka file tersebut disambungkan dengan halaman HTML menggunakan atribut src pada tag <script>. Berikut adalah contoh penggunaan tag script untuk meletakkan baris Javascript pada halaman HTML secara langsung: ... <script type="text/javascript"> document.write("

Hello World!

") ...

Jika Javascript berada pada file terpisah, kita sambungkan dengan halaman HTML seperti contoh berikut: ... <script src="xxx.js"> ...

Peletakkan kode Javascript bisa dilakukan di dalam tag atau . Khusus untuk

peletakan di dalam tag , kode Javascript biasanya diletakkan di akhir sebelum tag ditutup untuk memastikan kode tersebut tidak mempengaruhi isi halamannya.

Latihan #1 Peletakan Javascript di dalam tag

Ini adalah contoh peletakan js dalam tag body

<script> document.write("

This is a heading

"); document.write("

This is a paragraph

");

Latihan #2 Peletakan Javascript pada file terpisah lat2.html

Ini adalah contoh peletakan js dalam tag body

<script src="lat2.js">

lat2.js document.write("

This is a heading

"); document.write("

This is a paragraph

");

Latihan #3 Definisi Variabel <script type="text/javascript"> var name = "Kamu" document.write(name) document.write("

"+name+"

")

Pada contoh ini, variabel ditampilkan pada halaman HTML.

Latihan #4 Memanipulasi dokumen HTML

Manipulasi halaman HTML

Ini tulisan awal.

<script> document.getElementById("demo").innerHTML="Tulisan pengganti.";

Latihan #5 Fungsi <script type="text/javascript"> function myfunction() { alert("HELLO") }

By pressing the button, a function will be called. The function will alert a message.

Latihan #6 Fungsi dengan argumen Try it

<script> function myFunction(name,job) { alert("Welcome " + name + ", the " + job); }

Latihan #7 Fungsi yang mengembalikan nilai <script type="text/javascript"> function multiply(a,b) { return a*b; }

Fungsi yang mengembalikan nilai

<script type="text/javascript"> document.getElementById('demo').innerHTML = multiply(2,3);