Bentuk jadinya seperti ini :
Sedangkan kode lengkapnya adalah :
<!DOCTYPE html>
<html>
<head>
<title>Rainbow Cave</title>
</head>
<body>
<script type="text/javascript">
var jumlah_kotak = 50;
function acak() {
return parseInt(Math.random() * 255, 10);
}
function setWarna(ID) {
document.getElementById(ID).style.backgroundColor =
"rgb(" + acak() + "," + acak() + "," + acak() + ")";
}
function setSemuaWarna() {
for (var i = 1; i <= jumlah_kotak; i++)
setWarna("k" + i);
}
for (var k = 1; k <= jumlah_kotak; k++)
document.write("<div class=\"kotak\" id=\"k" + k + "\">");
for (var k = 1; k <= jumlah_kotak; k++)
document.write("</div>");
setInterval("setSemuaWarna()", 100);
</script>
<style type="text/css">
.kotak {
padding: 5px;
border: 1px solid #000;
}
</style>
</body>
</html>
Demikianlah Rainbow Cave ala JavaScript yang mungkin tidak terlalu berguna. Tapi yahh.. namanya juga iseng. Hahahaha. Sampai jumpa di artikel berikutnya.
Tidak ada komentar:
Posting Komentar