Web Programming Answers « Leonard260788’s Weblog

Oleh: leonard260788 | Oktober 28, 2009

Web Programming Answers

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>

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>

<tr>
<td>Warna</td>
<td id=”warna”></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>

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

Ditulis dalam Uncategorized

Beri tanggapan

Kategori

Uncategorized

Leonard260788’s Weblog