Jawab 1
======
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script language=”javascript”>
function program(){
var input = “”;
var total = 0;
var jumlah = 0;
var terendah = 0;
var tertinggi = 0;
do{
do{
input = prompt(“Masukkan\nangka 0-100 untuk input data\nKarakter atau String untuk selesai”, “”);
if(input == “”)alert(“Tidak ada data yang dimasukkan !”);
}while(input == “”);
if(isNaN(input)){
break;
}
if(jumlah == 0){
terendah = parseInt(input);
tertinggi = parseInt(input);
}
total += parseInt(input);
jumlah++;
if(parseInt(input) < terendah)terendah = parseInt(input);
if(parseInt(input) > tertinggi)tertinggi = parseInt(input);
}while(1);
alert(“Jumlah data yang diinput : ” + jumlah + “\nTotal : ” + total + “\nNilai terendah : ” + terendah + “\nNilai tertinggi : ” + tertinggi + “\nNilai rata – rata : ” + (total/jumlah));
}
</script>
</head>
<body onload=”program();”>
</body>
</html>
Jawab 2
======
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>::BIODATA::</title>
</head>
<script language=”javascript”>
function namaHari(nomor){
var hari = “”;
switch (nomor){
case 0 : hari=”Minggu”;break;
case 1 : hari=”Senin”;break;
case 2 : hari=”Selasa”;break;
case 3 : hari=”Rabu”;break;
case 4 : hari=”Kamis”;break;
case 5 : hari=”Jumat”;break;
case 6 : hari=”Sabtu”;break;
}
return hari;
}
function namaBulan(nomor){
var bulan = “” ;
switch (nomor){
case 0 : bulan=”Januari”;break;
case 1 : bulan=”Februari”;break;
case 2 : bulan=”Maret”;break;
case 3 : bulan=”April”;break;
case 4 : bulan=”Mei”;break;
case 5 : bulan=”Juni”;break;
case 6 : bulan=”Juli”;break;
case 7 : bulan=”Agustus”;break;
case 8 : bulan=”September”;break;
case 9 : bulan=”Oktober”;break;
case 10 : bulan = “November”;break;
case 11 : bulan = “Desember”;break;
}
return bulan;
}
function kataSapa(){
var date = new Date();
var sapa = “”;
if(date.getHours() < 12){
sapa = “Pagi”;
}
else if(date.getHours() < 15){
sapa = “Siang”;
}
else if(date.getHours() < 18){
sapa = “Sore”;
}
else sapa = “Malam”;
return sapa;
}
function enter(){
var nama = document.getElementById(“nama”).value;
var tgl = document.getElementById(“tgl”).value;
var komen = document.getElementById(“komen”).value;
var temp = tgl.split(“-”);
var dd = temp[0];
var mm = temp[1];
var yy = temp[2];
var hasil = “”;
hasil = “Hallo ” + nama + “, Selamat ” + kataSapa();
var date = new Date();
var tahun_sekarang = date.getYear();
var bulan_sekarang = date.getMonth() + 1;
if(bulan_sekarang < mm){
tahun_sekarang–;
bulan_sekarang+=12;
}
var tahun = tahun_sekarang – yy;
var bulan = bulan_sekarang – mm;
hasil += “\nUmur Anda : ” + tahun + ” tahun ” + bulan + ” bulan”;
var tglLahir = new Date(yy,mm-1,dd);
hariLahir = namaHari(tglLahir.getDay());
hasil += “\nAnda dilahirkan hari : ” + hariLahir;
hasil += “\n\n——————————————-”;
var arrKata = komen.split(” “);
hasil += “\nK-O-M-E-N-T-A-R Anda terdiri dari : ” + arrKata.length + ” kata”;
document.getElementById(“output”).value = hasil;
}
</script>
<body bgcolor=”#EEEEEE”>
<div style=”background-color:#F60;text-align:right;color:#FFF;font-weight:bold”>Hari ini :
<script language=”javascript”>
var date = new Date();
document.write(namaHari(date.getDay()) + “, ” + date.getDate() + ” ” + namaBulan(date.getMonth()) + ” ” + date.getYear());
</script>
</div>
<h1 style=”color:#F60″>INPUT DATA</h1>
<table width=”300″ border=”0″>
<tr>
<td>Nama :</td>
<td><input type=”text” name=”nama” id=”nama” /></td>
</tr>
<tr>
<td>Tanggal Lahir :</td>
<td><input type=”text” name=”tgl” id=”tgl” /></td>
</tr>
<tr>
<td>Komentar</td>
<td><textarea name=”komen” id=”komen” cols=”45″ rows=”5″></textarea></td>
</tr>
<tr>
<td><input type=”submit” name=”button” id=”button” value=”Enter” onclick=”enter();”/></td>
<td> </td>
</tr>
</table>
<p style=”color:#F60″> </p>
<h1 style=”color:#F60″>OUTPUT</h1>
<p style=”color:#F60″>
<textarea name=”output” id=”output” cols=”45″ rows=”5″></textarea>
</p>
</body>
</html>
Jawab 3
=====
<html>
<head>
</head>
<body>
<div id=”kotak” style=”position:absolute;width:400px;height:300px;”>
<table bgcolor=”#EEEEEE”>
<tr>
<td colspan=”2″ bgcolor=”lightgreen”></td>
</tr>
<tr>
<td>No Data</td>
<td id=”no”></td>
</tr>
<tr>
<td>Warna</td>
<td id=”warna”></td>
</tr>
<tr>
<td>Kode RGB</td>
<td id=”kode”></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<input type=”button” value=”First” id=”first”
onclick=”move(0);”>
<input type=”button” value=”Prev” id=”prev”
onclick=”move(1);”>
<input type=”button” value=”Next” id=”next”
onclick=”move(2);”>
<input type=”button” value=”Last” id=”last”
onclick=”move(3);”>
</td>
</tr>
</table>
</div>
</body>
</html>
<object id=”data” classid=”CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83″>
<PARAM NAME = “DataURL” VALUE = “warna.txt”>
<PARAM NAME = “UseHeader” VALUE = “TRUE”>
<PARAM NAME = “TextQualifier” VALUE = “”>
<PARAM NAME = “FieldDelim” VALUE = “;”>
</object>
<script language=”javascript”>
var angel_jelek = data.recordset;
function move(i){
switch (i){
case 0 : angel_jelek.moveFirst();break;
case 1 :
angel_jelek.movePrevious();if(angel_jelek.BOF==true)angel_jelek.moveFirst();break;
case 2 :
angel_jelek.moveNext();if(angel_jelek.EOF==true)angel_jelek.moveLast();break;
case 3 : angel_jelek.moveLast();break;
}
document.getElementById(“no”).innerHTML = angel_jelek(0);
document.getElementById(“warna”).innerHTML = angel_jelek(1);
document.getElementById(“kode”).innerHTML = angel_jelek(2);
document.getElementById(“kotak”).style.backgroundColor = “” +
angel_jelek(2);
}
</script>
buat 1 file, kasih nama warna.txt letakkin satu folder sama jawab 3.
Isi file warna.txt :
nomor;warna;kode
1;fuchsia;#ff00ff
2;maroon;#800000
3;olive;#808000
4;purple;#800080
5;aliceblue;#f0f8ff
6;azure;#f0ffff
7;bisque;#ffe4c4
8;gold;#ffd700
9;indigo;#4b0082
10;lavender;#e6e6fa
11;crimson;#dc1436
12;honeydew;#f0fff0