PEMROGRAMAN WEB JAVA SCRIPT

(1)

Julian Chandra W, M.Kom M. Rajab Fachrizal, M. Kom.

PERTEMUAN 2&3

(2)

JCW – MRF - JavaScript 2

OUTLINE

• Penulisan Javascript

• Popup Box

• Menampilkan output

• Variabel

• Tipe Data

(3)

3

Deklarasi Javascript

• Cara pendeklarasian

<script>

Kode Javascript

</script>

<script type=”text/javascript”>

Kode Javascript

</script>

<script language=”javascript”>

Kode Javascript

</script>

1

2

3

JCW – MRF - JavaScript

(4)

4

Penulisan

• Internal Javascript – disisipkan di dalam satu file HTML

• Eksternal Javascript – diletakkan di luar file HTML

• Event Handler – javascript dipanggil oleh suatu event

(5)

5

Penulisan Eksternal

welcome.js

welcome.html

<script src=”file_javascript.js”></script>

Cara penulisan :

(6)

6

Penulisan Event Handler

• Event Handler – penanganan suatu event / aksi objek HTML

Contoh

Cara penulisan :

(7)

7

Popup Box

Javascript memiliki tiga jenis popup box yaitu Alert, Confirm, dan Prompt. Masing-masing popup memiliki fungsi yang berbeda

• alert()

• confirm()

• prompt()

(8)

8

Popup Box - Alert

alert(“text”);

Latihan Penulisan

Contoh

(9)

9

Popup Box - Confirm

confirm(“text”);

Penulisan

Contoh

(10)

10

Popup Box - Prompt

prompt(“text”, “nilai_default”);

Penulisan

Contoh

(11)

11

Menampilkan Output

Javascript memiliki empat cara untuk menampilkan output program

• alert()

• document.write()

• innerHTML

• console.log

(12)

12

Menampilkan Output – document.write()

document.write(nama_variabel);

Contoh

document.write(“text”+nama_variabel+”text”);

Penulisan

(13)

13

Menampilkan Output – innerHTML

contoh

document.getElementById(“id”).innerHTML

Penulisan

(14)

14

Menampilkan Output – console.log

contoh

console.log(“text”/variabel);

Penulisan

(15)

15

Variabel

 Deklarasi varibel menggunakan keyword var

 Bersifat case sensitive

 Nama variabel harus diawali dengan huruf, tanda underscore (_), atau tanda dollar ($)

 Tidak boleh diawali dengan angka dan tanda baca

 Tidak boleh mengandung tanda baca dan spasi, sebagai gantinya gunakan tanda underscore (_)

 Nama variabel tidak boleh mengandung keyword Javascript

var nama var 1nama

var $alamat var ?alamat

var tempat tanggal lahir var _tanggal_lahir var a? = 10

var b="Selamat Datang"

contoh Aturan penulisan

(16)

Latihan

Buat program sederhana untuk menginputkan suatu data, dimana terdapat pesan konfirmasi, kemudian menampilkan data tersebut

16

Perintah yg digunakan :

 prompt()

 confirm()

 alert()

 document.write()

(17)

17

Tipe Data

Tipe Data Dasar (Primitif)

• Number

• String

• Boolean

Tipe Data Khusus

• Null

• Undefined

Tipe Data Objek

• Objek

• Date

• Array

• Function

(18)

18

Tipe data [number]

Tipe Bilangan Contoh Bilangan

Bilangan Bulat 1

25 100 Bilangan Pecahan 2.5

3.14 0.025

contoh

(19)

19

Tipe data [string]

Cara penulisan untuk tipe data string yaitu dengan mengapitnya menggunakan tanda kutip satu / single quotes ( ’ ) atau tanda kutip ganda / double quote ( ’’ ).

contoh

(20)

20

Tipe data [boolean]

Tipe data boolean hanya mempunyai dua nilai yaitu benar (True) atau salah (False).

contoh

(21)

21

Tipe data [date]

Tipe data date menyatakan keterangan waktu, seperti hari, tanggal, dan jam.

contoh

(22)

22

Operator

• Operator Aritmatika

• Operator Assignment

• Bitwise Operator

• Operator Pembandingan

• Operator Logika

• Operator String

(23)

23

Operator [aritmatika]

Operator Keterangan Contoh

+ Penjumlahan 10+20

- Pengurangan 50-30

* Perkalian 7*2

/ Pembagian 8/4

% Modulus 5%2

(24)

24

Operator [assignment]

Operator Contoh Keterangan

= x = 10 Variabel x bernilai 10

+= x = 10

x += 2

Variabel x bernilai 12, atau x = x+2

-= x = 10

x -= 5

Variabel x bernilai 5, atau x = x-5

*= x = 10

x *= 3

Variabel x bernilai 30, atau x = x*3

/= x = 10

x /= 2

Variabel x bernilai 5, atau x = x*2

%= x = 10

x %= 5

Variabel x bernilai 0, atau x = x%5

++ x = 10

x++

Variabel x bernilai 11, atau x = x+1

-- x = 10

x--

Variabel x bernilai 9, atau x = x-1

(25)

25

Operator [assignment]

contoh

(26)

26

Operator [pembandingan]

Operator Keterangan Contoh

== Sama dengan a = true

b = false

a == b (hasilnya false)

!= Tidak sama dengan x = 20

y = 25

x != y (hasilnya true)

> Lebih besar dari z = 10

z > 20 (hasilnya false)

< Lebih kecil dari z = 10

z < 20 (hasilnya true)

>= Lebih besar atau sama dengan

luas = 100 luas > = 100

<= Lebih kecil atau sama dengan

keliling = 150 100 <= keliling

(27)

27

Operator [pembandingan]

contoh

(28)

28

Operator [logika]

contoh

Operator Keterangan

&& AND

|| OR

! NOT

(29)

29

Operator [string]

contoh

Operator Keterangan

+ Concatenation

String

(30)

30

Komentar

contoh

(31)

31

Latihan

1. Buatlah program aritmatika yang terdiri dari penjumlahan, pengurangan, pembagian dan perkalian. Sebagai contoh :

a. Masukkan bilangan pertama = 100 b. Masukkan bilangan kedua = 20 c. Masukkan bilangan ketiga = 5 Output

(32)

32

Latihan

2. Buatlah program menghitung luas bangun datar : a. Segtiga

b. Lingkaran

c. Persegi Panjang

Gunakan seleksi kondisi untuk menentukan luas bangun datar yang akan dihitung

(33)

33

PEMROGRAMAN WEB JAVA SCRIPT - UNIKOM Kuliah Online