Materi
1. Memahami struktur pernyataan if
2. Mampu membuat kode javascript dengan
memanfaatkan pernyataan if
Terdapat 3
(tiga ) syntax pernyataan if, yaitu :
SYNTAX-1
|
If (kondisi)
{
<Pernyataan>
}
|
Jika nilai kondisi TRUE maka
pernyataan di dalam if akan dieksekusi
|
Latuhan 1
1. Buka editor notepad
2. Ketikkan struktur html
|
<html>
<head>
<title>latihan JS
Lanjut</title>
</head>
<body>
</body>
</html>
|
3.Ketikkan kode javascript berikut:
Deklarasikan variable ipku
Beri nilai ipku ß 3.2
Jika ipku > 3.2 cetak string “Dapat
Memperoleh Beasiswa “ di web browser
4. Ketikkan kode javascript berikut
|
<html>
<head>
<title>Latihan JS
Lanjut</title>
</head>
<body>
<script>
var ipku;
ipku=3.2;
if (ipku>3.5)
{
document.write("Bisa Memperoleh
Beasiswa");
}
</script>
</body>
</html>
|
5. Simpan kode dengan nama latuhanjs2.html
6. Jalankan web browser
6. Jalankan web browser
7. Buka file js2.html dari browser
-
CTRL+O
-
Arahkan pointer ke pointer penyimpanan js2.html
SYNTAX-2
|
If (kondisi)
{
<pernyataan>
}
Else
{
<pernyataan>
}
|
Jika kondisi bernilai TRUE maka pernyataan di dalam if akan dikerjakan , jika kondisi
bernilai FALSE maka pernyataan ai dalam ELSE akan dikerjakan
|
Latihan 2
1. Buka notepad baru
2. Ketikkan kode berikut:
1. Buka notepad baru
2. Ketikkan kode berikut:
|
<html>
<head>
<title>Latihan JS
Lanjut</title>
</head>
<body>
<script>
var ipku;
ipku=3.7;
if (ipku>3.5)
{
document.write("Bisa
Memperoleh Beasiswa");
}
else
{
document.write("TIDAK Bisa
Memperoleh Beasiswa");
}
document.write("<h1>Belajar
IF</h1>");
</script>
</body>
</html>
|
3. Format tag <h1> dari
internal css dengan karakteristik sbb:
- Besar huruf : 70px
- Warna huruf : magenta
- Latar belakang warna huruf : black;
- Jenis huruf : verdana
- Perataan teks : tengah
- Bingkai : 10px solid putih
SYNTAX-3
|
if (kondisi)
{
<pernyataan>
}
else if (kondisi)
{
<pernyataan>
}
else if (kondisi)
{
<pernyataan>
}
else
{
<pernyataan>
}
|
Jika kondisi bernilai TRUE maka pernyataan di dalam if akan dikerjakan , jika kondisi
bernilai FALSE maka pernyataan ai dalam ELSE akan dikerjakan
|
Latihan 2.
Buatlah kode
javascript untuk algoritma berikut:
1. Deklarasikan variabel v,s,t
2. Beri nilai sß 100
3. Beri nilai tß 1
4. v=s/t
5. Uji nilai V
1. Deklarasikan variabel v,s,t
2. Beri nilai sß 100
3. Beri nilai tß 1
4. v=s/t
5. Uji nilai V
Jika v>300
Ket=”Kecepatan Extreme”
Jika v>200
Ket =”Kecepatan Luar Biasa”
Jika V>100
Ket =”Kecepatan Lumayan Cepat”
Jika V<=100
Ket =”Kecepatan Biasa “
6. Cetak nilai v,s,t dan Ket
6. Cetak nilai v,s,t dan Ket
|
<html>
<head>
<title>Latihan JS
Lanjut</title>
</head>
<body
bgcolor="teal">
<script>
var v,s,t;
var ket;
s=1000;
t=3;
v=s/t;
if (v>300)
ket="Kecepatan
Extreme";
else if (v>200)
ket="Kecepatan Luar
Biasa";
else if (v>100)
ket="Kecepatan
Lumayan Cepat";
else
ket="Kecepatan
Normal";
document.write("<br>Nilai V : ",v," km/jam");
document.write("<br>Nilai S : ",s," km");
document.write("<br>Nilai T : ",t," jam");
document.write("<br>Dengan Kecepatan : ",v,"
km/jam maka ",ket);
</script>
</body>
</html>
|
7. Buat tabel seperti di bawah ini
|
|
||
8. Kode html nya adalah
|
<html>
<head>
<title>Latihan JS
Lanjut</title>
</head>
<body
bgcolor="teal">
<script>
var v,s,t;
var ket;
s=1000;
t=3;
v=s/t;
if (v>300)
ket="Kecepatan Extreme";
else if (v>200)
ket="Kecepatan Luar
Biasa";
else if (v>100)
ket="Kecepatan
Lumayan Cepat";
else
ket="Kecepatan
Normal";
document.write("<br>Nilai V : ",v,"
km/jam");
document.write("<br>Nilai S : ",s," km");
document.write("<br>Nilai T : ",t," jam");
document.write("<br>Dengan Kecepatan : ",v,"
km/jam maka ",ket);
document.write("<hr>");
document.write("<table border=1
width=75% bgcolor=yellow align=center>");
document.write("<tr><td
colspan=3>Logo</td></tr>");
document.write("<tr
height=300px><td width=15%>Menu</td>");
document.write("<td>Isi</td><td
width=15%>news</td></tr>");
document.write("<tr><td
colspan=3 align=center>Hakcipta</td></tr>");
</script>
</body>
</html>
|
Note :
|
window.alert("Sukses... Selamat Belajar");
|
Menampilkan kotak yang berisi
informasi “Sukses.. Selamat Belajar”
|
9. Tambahkan windows.alert pada kode html tersebut
|
<html>
<head>
<title>Latihan JS
Lanjut</title>
</head>
<body
bgcolor="teal">
<script>
var v,s,t;
var ket;
s=1000;
t=3;
v=s/t;
if (v>300)
ket="Kecepatan Extreme";
else if (v>200)
ket="Kecepatan Luar
Biasa";
else if (v>100)
ket="Kecepatan
Lumayan Cepat";
else
ket="Kecepatan
Normal";
document.write("<br>Nilai V : ",v,"
km/jam");
document.write("<br>Nilai
S : ",s," km");
document.write("<br>Nilai T : ",t," jam");
document.write("<br>Dengan Kecepatan : ",v,"
km/jam maka ",ket);
window.alert("Sukses... Selamat
Belajar");
document.write("<hr>");
document.write("<table
border=1 width=75% bgcolor=yellow align=center>");
document.write("<tr><td
colspan=3>Logo</td></tr>");
document.write("<tr
height=300px><td width=15%>Menu</td>");
document.write("<td>Isi</td><td
width=15%>news</td></tr>");
document.write("<tr><td colspan=3
align=center>Hakcipta</td></tr>");
</script>
</body>
</html>
|
Tidak ada komentar:
Posting Komentar