Buat folder dalam derektori C:\xampp\htdocs dengan Nama topik2-5.
93 Lakukan langkah-langkah berikut:
Buka menu Mozilla Firefox Pilih menu Developer
Pilih Web Consoletombol alternatif ctrl + shift + k Hasil:
Ganti script
console.log menjadi document.writeamati hasil dari kode
tersebut, analisa hasilnya dan simpulkan 2.2.
Latihan 2-34 eksternal CSS
C:xampphtdocstopik2-4myJS.js
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17
var a
= 5
; function
check n
{
console .
log ---------;
if n
{
console .
log n
+ lebih dari nol; }
else {
console .
log n
+ tidak lebih dari nol; };
if n
a {
console .
log n
+ lebih besar dari + a
; }
elseif n
a {
console .
log n
+ kurang dari + a
; }
else {
console .
log n
+ sama dengan + a
; };
}
check -
2 ;
C:xampphtdocstopik2-4latihan2-29.html
1 DOCTYPE html
94
2 3
4 5
6 7
8 9
10 html
head meta
charset =
utf-8
title Percabangan dengan File Eksternal
title head
body script
src =
myJS.js type
=
textjavascript
script body
html
Amati hasil dari kode tersebut, analisa hasilnya dan simpulkan 2.3.
Latihan 2-35 Perulangan menggunakan while
C:xampphtdocstopik2-4latihan2-30.html
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 DOCTYPE html
html head
meta charset
=
utf-8
title Perulangan While
title head
body script
type =
textjavascript var
a =[];
var i
= ;
while i
4 {
a.push i
i ++;
}
console.log a
;
script body
html
Amati hasil dari kode tersebut, analisa hasilnya dan simpulkan 2.4.
Latihan 2-36 Penggunaan Fungsi
C:xampphtdocstopik2-4latihan2-31.html
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
DOCTYPE html html
head meta
charset =
utf-8
title Fungsi
title head
body script
type =
textjavascript function
luasLingkaran r
{ function
get_pi {
return Math.PI
r ;
} return
2 get_pi
; }
var result
= luasLingkaran
10 ;
console.log result
;
script body
html
95 2.5.
Latihan 2-37 Penggunaan Fungsi getElement
C:xampphtdocstopik2-4latihan2-32.html
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 DOCTYPE html
html head
meta charset
=
utf-8
title Fungsi getElement
title head
body p
id =
intro Halo Dunia
p p
Ini contoh mendemonstrasikan b
getElementById b
method p
p id
=
demo p
script type
=
textjavascript var
myElement =
document.getElementById intro
;
document.getElementById demo
. innerHTML
=
Teks dari paragraf intro adalah +
myElement.innerHTML ;
script body
html
Amati hasil dari kode tersebut, analisa hasilnya dan simpulkan 2.6.
Latihan 2-38 Pengunaan Fungsi built-in date
C:xampphtdocstopik2-4latihan2-33.html
1 2
3 4
5 6
7 8
9 10
11 12
13 DOCTYPE html
html head
meta charset
=
utf-8
title Fungsi bulit-in Date
title head
body p
id =
demo p
script type
=
textjavascript
document.getElementById demo
. innerHTML
= Date
;
script body
html
3. Komunikasikan hasil praktikum pada langkah 2 dalam kelompok dan buatlah kesimpulan.
4. Buatlah Laporan dan komunikasikan hasil laporan dan pembahasan dengan tutor.