Berikut adalah contoh penggunaan tag script untuk meletakkan baris Javascript pada halaman HTML secara langsung:

Transkripsi

1 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. Jika halaman HTML menggunakan file Javascript yang terpisah, maka file tersebut disambungkan dengan halaman HTML menggunakan atribut src pada tag. Berikut adalah contoh penggunaan tag script untuk meletakkan baris Javascript pada halaman HTML secara langsung: document.write("<h1>hello World!</h1>") 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

2 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 <h1>ini adalah contoh peletakan js dalam tag body</h1> document.write("<h1>this is a heading</h1>"); document.write("<p>this is a paragraph</p>"); Latihan #2 Peletakan Javascript pada file terpisah lat2.html <h1>ini adalah contoh peletakan js dalam tag body</h1> <script src="lat2.js"> lat2.js document.write("<h1>this is a heading</h1>"); document.write("<p>this is a paragraph</p>");

3 Latihan #3 Definisi Variabel var name = "Kamu" document.write(name) document.write("<h1>"+name+"</h1>") <p>pada contoh ini, variabel ditampilkan pada halaman HTML.</p> Latihan #4 Memanipulasi dokumen HTML <h1>manipulasi halaman HTML</h1> <p id="demo">ini tulisan awal.</p> document.getelementbyid("demo").innerhtml="tulisan pengganti.";

4 Latihan #5 Fungsi function myfunction() alert("hello") <form> <input type="button" onclick="myfunction()" value="call function"> </form> <p>by pressing the button, a function will be called. The function will alert a message.</p> Latihan #6 Fungsi dengan argumen <title>fungsi dengan argumen</title> <button onclick="myfunction('harry Potter','Wizard')">Try it</button> function myfunction(name,job) alert("welcome " + name + ", the " + job);

5 Latihan #7 Fungsi yang mengembalikan nilai <title>fungsi yang mengembalikan nilai</title> function multiply(a,b) return a*b; <h1>fungsi yang mengembalikan nilai</h1> <div id="demo">hasil perkalian akan muncul di sini.</div> document.getelementbyid('demo').innerhtml = multiply(2,3);