Rabu, 25 Maret 2015

Pertemuan 03, 23 Feb 2015: Javascript

Javascript adalah bahasa pemrograman yang sangat populer dan powerfull yang digunakan dalam pengembangan aplikasi berbasis web. Javascript termasuk ke dalam bahasa pemrograman client-side, yaitu program berbasis web yang dijalankan pada sisi client / oleh browser. Perlu diketahui, Javascript berbeda dengan Java.
Javascript memiliki banyak fungsi dalam membangun aplikasi berbasis web. Javascript harus dibuat dan disisipkan ke dalam aplikasi web kita jika ingin membuat website yang dinamis.
Beberapa contoh fungsi javascript antara lain:
- Mengubah isi konten, atribut HTML, maupun style (CSS).
- Membuat validasi data.
- Membuat efek.
- Dan masih banyak lagi.

Javascript tidak membutuhkan compiler sehingga dapat ditulis menggunakan text editor biasa, misalnya notepad.

Untuk menuliskan kode Javascript, kita perlu menyisipkannya ke dalam kode html dan ditempatkan di dalam tag <body> atau <head>. Kemudian, dalam membuat kode Javascript harus dimulai dengan tag <script> dan ditutup dengan </script>.




            Kemudian simpan dengan ekstensi *.html, contohnya hello.html, kemudian jalankan di browser.
Hasilnya sebagai berikut:


 Membuat kuis sederhana menggunakan JavaScript:

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>Quiz Perkalian / Fadli Rahman</title>
<script type="text/javascript">
var i;
var hasil = 0;
for(i=1;i<=3;i++) {
            var nilai1 = Math.floor((Math.random() * 10) + 1);
            var nilai2 = Math.floor((Math.random() * 10) + 1);
            var a = window.prompt("Perkalian\n"+nilai1+" x "+nilai2+"=","");
            if((nilai1*nilai2) == a) {
                        window.alert("Benar!");
                        hasil = hasil+1;
            }
            else
                        window.alert("Salah!");
}
document.writeln("<center><h1><header>Quiz Poltek Pertemuan III</header></h1></center>");
document.writeln("<center><h3>Benar = "+hasil+" Dari 3 Pertanyaan</h3></center>");
</script>
</head>
 <body>
 </body>

</html>

Ketika dijalankan, hasilnya sebagai berikut:







Sekian postingan dari saya. :-)





0 komentar:

Posting Komentar