Materi :
1. Memahami struktur javascript
2. Memahami variabel
3. Mampu membuat kode javascript
Latihan 1.
1. Buka editor notepad
2. Ketikkan struktur html
<html>
<head>
<title>latihan JS-1</title>
</head>
<body>
</body>
</html>
|
3. Ketikkan kode javascript untuk mencetak
string (UNIKA ST.ThoMAS )ini adalah contoh.bisa juga dibuat denagn kata-kata
yang lain.
<html>
<head>
<title>latihan JS-1</title>
</head>
<body>
<script>
document.write(“<b>UNIKA ST.THOMAS </b>”);
</script>
</body>
</html>
|
4. Simpan kode html dengan nama JS1.html
Seperti
ganbar di bawah ini.
5. Jalankan web browser
6. Buka file JS1.html
-
Ctrl +O
-
Arahkan
pointer ke folder penyimpanan JS1.html
7. Dengan menggunakan internal css formatlah tag
<body> sehingga warna latar-belakangnya menjadi warna magenta dan warna huruf
adalah putih.
8.
- syarat utama yang harus dipenuhi bila
menggunakan internal scc adalah kode htmlya diletakkan di bagian tag head dan
ditandai dengan kata <style>
</style>
9. Kode html nya adalah sbb:
<html>
<head>
<title>Latihan JS-1</title>
<style>
body {
background-color : magenta;
color : white;
}
</style>
</head>
<body>
<script>
document.write("<b>Unika
St. Thomas</b>");
</script>
</body>
</html>
|
Latihan 2.
Buatlah kode
javascript untuk menyelesaikan rumus di bawah ini
Input B dan C
A=B+C
D=A2-B2+C
E=B/2*(C-D)
Output A,B,D
<html>
<head>
<title>Latihan Js-2</title>
<style>
body {
background-color :green;
color :magenta;
font-family :"monotype corsiva";
font-size :14
px;
margin :50px
50px 50px 50px;
}
</style>
</head>
<body>
<script>
var a,b,c,d,e;
b=10;
c=15;
a=b+c;
d=a*a-b*b+c;
e=b/2*(c-d);
document.write("Nilai A =",a);
document.write("<br> Nilai D =",d);
document.write("<br> Nilai E =",e);
document.write("<hr>");
document.write("Belajar Test
Kondisi");
var ip;
ip=2.5;
if (ip >3)
document.write("<br>Anda
Lulus");
else
document.write("<br>Anda Tidak Lulus");
document.write("<hr>");
document.write("<br>Belajar
Perulangan");
var i;
for (i=1;i<=30;i++)
{
if (i % 2 == 0)
document.write("<marquee
direction=left>Yes</marquee>");
else
document.write("<marquee
direction=right>No</marquee>");
}
</script>
</body>
</html>
|
