Jumat, 30 September 2016

Klik Saya Untuk Menampilkan Tanggal dan Waktu



Ini Kodenya


<html>
<head>
<title>Terserah Anda</title>
</head>
<body>
<button type="button" onclick="document.getElementById('demo').innerHTML = Date()">
<b>Terserah Anda</b>
</button>
<p id="demo"></p>
</body>
</html>


TENTANG SAYA



Kode Untuk Membuat Tanggal Dan Jam



<html>
<head>
<title>Terserah Anda</title>
</head>
<body>
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'Nopember', 'Desember'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(day + " " + months[month] + " " + year);
//-->
</script>
<div id="clock"></div>
<script type="text/javascript">
<!--
function showTime()
{
var a_p = "";
var today = new Date();
var curr_hour = today.getHours();
var curr_minute = today.getMinutes();
var curr_second = today.getSeconds();
if (curr_hour < 12)
{
a_p = "AM";
}
else
{
a_p = "PM";
}
if (curr_hour == 0)
{
curr_hour = 12;
}
if (curr_hour > 12)
{
curr_hour = curr_hour - 12;
}
curr_hour = checkTime(curr_hour);
curr_minute = checkTime(curr_minute);
curr_second = checkTime(curr_second);
document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
}
function checkTime(i)
{
if (i < 10)
{
i = "0" + i;
}
return i;
}
setInterval(showTime, 500);
//-->
</script>
</body>
</html>


TENTANG SAYA



Rabu, 28 September 2016

Kode Untuk Membuat Lampu Padam / Hidup

<html>
<head>
<title>TERSERAH ANDA YANG PENTING BERHUBUNGAN DENGAN LAMPU</title>
</head>
<body>
<script>
function light(sw)
{
var pic;
if (sw == 0)
{
pic = "http://tianvalue.com/img/eg_bulboff.gif"
}
else
{
pic = "http://tianvalue.com/img/eg_bulbon.gif"
}
document.getElementById('myImage').src = pic;
}
</script>
<img width="140" height="200">
<p>
<button type="button" onclick="light(1)">Light On</button>
<button type="button" onclick="light(0)">Light Off</button>
</p>
</body>
</html>


TENTANG SAYA




Senin, 26 September 2016

Kode Untuk Jam Yang Mengikuti Kursor

<html>
<head>
<title>TERSERAH ANDA</title>
</head>
<body>
<script>
if(typeof(jQuery) == 'undefined')
{
document.write("<scr" + "ipt type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></scr" + "ipt>");
}
</script>
<style type="text/css">
.css1
{
position:absolute;top:0px;left:0px;width:16px;height:16px;font-family:Arial,sans-serif;font-size:16px;text-align:center;font-weight:bold;
}
.css2
{
position:absolute;top:0px;left:0px;width:10px;height:10px;font-family:Arial,sans-serif;font-size:10px;text-align:center;
}
</style>
<script>
monosbitdCol='black';
monosbitfCol='purple';
monosbitsCol='blue';
monosbitmCol='red';
monosbithCol='gold';
theDays=new Array("MINGGU","SENIN","SELASA","RABU","KAMIS","JUM'AT","SABTU");
theMonths=new Array("JANUARI","FEBRUARI","MARET","APRIL","MEI","JUNI","JULI","AGUSTUS","SEPTEMBER","OKTOBER","NOPEMBER","DESEMBER");
</script>
<script src="http://sites.google.com/site/monosbit/monosbit_cursor_clock.js"></script>
</body>
</html>

TENTANG SAYA



Kode Untuk Membuat Jam Digital

<html>
<head>
<title>TERSERAH ANDA YANG PENTING BERHUBUNGAN DENGAN JAM</title>
<script type="text/javascript">
window.setTimeout("waktu()",1000);
function waktu()
{
var tanggal=new Date();
setTimeout("waktu()",1000);
document.getElementById("jam").innerHTML=tanggal.getHours();
document.getElementById("menit").innerHTML=tanggal.getMinutes();
document.getElementById("detik").innerHTML=tanggal.getSeconds();
}
</script>
</head>
<style>
#jam-digital
{
overflow:hidden;width:350px;
}
#hours
{
float:left;width:100px;height:50px;background-color:#6B9AB8;margin-right:25px;
}
#minute
{
float:left;width:100px;height:50px;background-color:#A5B1CB;
}
#second
{
float:right;width:100px;height:50px;background-color:#FF618A;margin-left:25px;
}
#jam-digital 
p
{
color:#FFF;font-size:36px;text-align:center;margin-top:4px;
}
</style>
<body onLoad="waktu()">
<div id="jam-digital">
<div id="hours"><p id="jam"></p></div>
<div id="minute"><p id="menit"></p></div>
<div id="second"><p id="detik"></p></div>
</div>
</body>
</html>


TENTANG SAYA



Minggu, 25 September 2016

Kode Untuk Tulisan Terbalik, Kiri Ke Kanan, Dikotakkin...

<html>
<head>
<title>TERSERAH ANDA</title>
</head>
<body>
<div>
<center><b><u><h1>Tulisan Terbalik, Kanan ke Kiri, Teks Dikotakkin</h1></u></b></center>
</div>
<div class="separator" style="clear:both;text-align:center;"></div>
<form id="lahan" name="lahan">
<div style="text-align:center;">
<b>TULISAN ASLI</b>
</div>
<div style="text-align:center;">
<textarea class="inputBox" id="teksAsli" name="teksAsli" onkeyup="puter()" style="height:110px;width:430px;"></textarea>
</div>
<div style="text-align:center;">
<input name="mundur" onclick="puter()" style="font-family:Tekton Pro;" type="checkbox">
<b>Terserah Anda</b>
<input name="jungkir" onclick="puter()" style="font-family:Tekton Pro;" type="checkbox">
<b>Terserah Anda</b>
</div>
<div style="text-align:center;">
<input name="kotak" onclick="puter()" style="font-family:Tekton Pro;" type="checkbox">
<b>Terserah Anda</b>
</div>
<div style="text-align:center;">
<b>HASILNYA</b>
</div>
<div style="text-align:center;">
<textarea class="inputBox" id="terBalik" name="terBalik" onclick="SelectAll('terBalik');" readonly="readonly" style="height:110px;width:430px;"></textarea>
<div style="text-align:center;">
<script language="JavaScript">
function puter()
{
var hasilJungkir = puterString(document.lahan.teksAsli.value);
var hasilMirorJungkir = mirorString(document.lahan.teksAsli.value);
var hasilSama = document.lahan.teksAsli.value;
var hasilMiror = smString(document.lahan.teksAsli.value);
if (document.lahan.jungkir.checked==true)
{
if (document.lahan.mundur.checked==true)
{
document.lahan.terBalik.value = hasilJungkir;
}
else
{
document.lahan.terBalik.value = hasilMirorJungkir;
}
}
else
{
if (document.lahan.mundur.checked==true)
{
if (document.lahan.kotak.checked==true)
{
document.lahan.terBalik.value = hasilJungkir;
}
else
{
document.lahan.terBalik.value = hasilMiror;
}
}
else if (document.lahan.kotak.checked==true)
{
document.lahan.terBalik.value = hasilMirorJungkir;
}
else
{
document.lahan.terBalik.value = hasilSama;
}
}
}
function puterString(aString)
{
var last = aString.length - 1;
var hasil = new Array(aString.length)
for (var i = last; i >= 0; --i)
{
var c = aString.charAt(i)
if (document.lahan.kotak.checked==true)
{
if (document.lahan.jungkir.checked==true)
{
var r = kotakJungkir[c];
}
else
{
var r = kotakTable[c];
}
}
else
{
var r = paraPembalik[c];
}
hasil[last - i] = r != undefined ? r : c
}
return hasil.join('')
}
function mirorString(aString)
{
var last = aString.length - 1;
var hasil = new Array(aString.length)
for (var i = last; i >= 0; --i)
{
var c = aString.charAt(i)
if (document.lahan.kotak.checked==true)
{
if (document.lahan.jungkir.checked==true)
{
var r = kotakJungkir[c];
}
else
{
var r = kotakTable[c];
}
}
else
{
var r = paraPembalik[c];
}
hasil[i] = r != undefined ? r : c
}
return hasil.join('')
}
function smString(aString)
{
var akhir = aString.length - 1;
var result = new Array(aString.length)
for (var j = akhir; j >= 0; --j)
{
var d = aString.charAt(j)
if (document.lahan.kotak.checked==true)
{
var s = kotakTable[d];
}
else
{
var s = samaAja[d]
}
var s = samaAja[d]
result[akhir - j] = s != undefined ? s : d
}
return result.join('')
}
var paraPembalik =
{
"a":"\u0250",
"b":"q",
"c":"\u0254",
"d":"p",
"e":"\u01DD",
"f":"\u025F",
"g":"\u0183",
"h":"\u0265",
"i":"\u0131",
"j":"\u027E",
"k":"\u029E",
"m":"\u026F",
"n":"u",
"r":"\u0279",
"t":"\u0287",
"v":"\u028C",
"w":"\u028D",
"y":"\u028E",
"A":"\u2200",
"C":"\u0186",
"E":"\u018E",
"F":"\u2132",
"G":"\u05E4",
"H":"H",
"I":"I",
"J":"\u017F",
"L":"\u02E5",
"M":"W",
"N":"N",
"P":"\u0500",
"T":"\u2534",
"U":"\u2229",
"V":"\u039B",
"Y":"\u2144",
"1":"\u0196",
"2":"\u1105",
"3":"\u0190",
"4":"\u3123",
"5":"\u03DB",
"6":"9",
"7":"\u3125",
"8":"8",
"9":"6",
"0":"0",
".":"\u02D9",
",":"'",
"'":",",
'"':",,",
"`":",",
"?":"\u00BF",
"!":"\u00A1",
"[":"]",
"]":"[",
"(":")",
")":"(",
"{":"}",
"}":"{",
"<":">",
">":"<",
"_":"\u203E",
"\u2234":"\u2235",
"\u2045":"\u2046"
}
for (i in paraPembalik)
{
paraPembalik[paraPembalik[i]] = i
}
var samaAja=
{
"a":"a"
}
for (j in samaAja)
{
samaAja[samaAja[j]] = j
}
var kotakTable =
{
a : '[\u0305\u0305\u0332a\u0305\u0332]',
b : '[\u0305\u0305\u0332b\u0305\u0332]',
c : '[\u0305\u0305\u0332c\u0305\u0332]',
d : '[\u0305\u0305\u0332d\u0305\u0332]',
e : '[\u0305\u0305\u0332e\u0305\u0332]',
f : '[\u0305\u0305\u0332f\u0305\u0332]',
g : '[\u0305\u0305\u0332g\u0305\u0332]',
h : '[\u0305\u0305\u0332h\u0305\u0332]',
i : '[\u0305\u0305\u0332i\u0305\u0332]',
j : '[\u0305\u0305\u0332j\u0305\u0332]',
k : '[\u0305\u0305\u0332k\u0305\u0332]',
l : '[\u0305\u0305\u0332l\u0305\u0332]',
m : '[\u0305\u0305\u0332m\u0305\u0332]',
n : '[\u0305\u0305\u0332n\u0305\u0332]',
o : '[\u0305\u0305\u0332o\u0305\u0332]',
p : '[\u0305\u0305\u0332p\u0305\u0332]',
q : '[\u0305\u0305\u0332q\u0305\u0332]',
r : '[\u0305\u0305\u0332r\u0305\u0332]',
s : '[\u0305\u0305\u0332s\u0305\u0332]',
t : '[\u0305\u0305\u0332t\u0305\u0332]',
u : '[\u0305\u0305\u0332u\u0305\u0332]',
v : '[\u0305\u0305\u0332v\u0305\u0332]',
w : '[\u0305\u0305\u0332w\u0305\u0332]',
x : '[\u0305\u0305\u0332x\u0305\u0332]',
y : '[\u0305\u0305\u0332y\u0305\u0332]',
z : '[\u0305\u0305\u0332z\u0305\u0332]',
A : '[\u0305\u0305\u0332A\u0305\u0332]',
B : '[\u0305\u0305\u0332B\u0305\u0332]',
C : '[\u0305\u0305\u0332C\u0305\u0332]',
D : '[\u0305\u0305\u0332D\u0305\u0332]',
E : '[\u0305\u0305\u0332E\u0305\u0332]',
F : '[\u0305\u0305\u0332F\u0305\u0332]',
G : '[\u0305\u0305\u0332G\u0305\u0332]',
H : '[\u0305\u0305\u0332H\u0305\u0332]',
I : '[\u0305\u0305\u0332I\u0305\u0332]',
J : '[\u0305\u0305\u0332J\u0305\u0332]',
K : '[\u0305\u0305\u0332K\u0305\u0332]',
L : '[\u0305\u0305\u0332L\u0305\u0332]',
M : '[\u0305\u0305\u0332M\u0305\u0332]',
N : '[\u0305\u0305\u0332N\u0305\u0332]',
O : '[\u0305\u0305\u0332O\u0305\u0332]',
P : '[\u0305\u0305\u0332P\u0305\u0332]',
Q : '[\u0305\u0305\u0332Q\u0305\u0332]',
R : '[\u0305\u0305\u0332R\u0305\u0332]',
S : '[\u0305\u0305\u0332S\u0305\u0332]',
T : '[\u0305\u0305\u0332T\u0305\u0332]',
U : '[\u0305\u0305\u0332U\u0305\u0332]',
V : '[\u0305\u0305\u0332V\u0305\u0332]',
W : '[\u0305\u0305\u0332W\u0305\u0332]',
X : '[\u0305\u0305\u0332X\u0305\u0332]',
Y : '[\u0305\u0305\u0332Y\u0305\u0332]',
Z : '[\u0305\u0305\u0332Z\u0305\u0332]',
0 : '[\u0305\u0305\u03320\u0305\u0332]',
1 : '[\u0305\u0305\u03321\u0305\u0332]',
2 : '[\u0305\u0305\u03322\u0305\u0332]',
3 : '[\u0305\u0305\u03323\u0305\u0332]',
4 : '[\u0305\u0305\u03324\u0305\u0332]',
5 : '[\u0305\u0305\u03325\u0305\u0332]',
6 : '[\u0305\u0305\u03326\u0305\u0332]',
7 : '[\u0305\u0305\u03327\u0305\u0332]',
8 : '[\u0305\u0305\u03328\u0305\u0332]',
9 : '[\u0305\u0305\u03329\u0305\u0332]'
}
for (i in kotakTable)
{
kotakTable[kotakTable[i]] = i
}
var kotakJungkir =
{
a : '[\u0305\u0305\u0332\u0250\u0305\u0332]',
b : '[\u0305\u0305\u0332q\u0305\u0332]',
c : '[\u0305\u0305\u0332\u0254\u0305\u0332]',
d : '[\u0305\u0305\u0332p\u0305\u0332]',
e : '[\u0305\u0305\u0332\u01DD\u0305\u0332]',
f : '[\u0305\u0305\u0332\u025F\u0305\u0332]',
g : '[\u0305\u0305\u0332\u0183\u0305\u0332]',
h : '[\u0305\u0305\u0332\u0265\u0305\u0332]',
i : '[\u0305\u0305\u0332\u0131\u0305\u0332]',
j : '[\u0305\u0305\u0332\u027E\u0305\u0332]',
k : '[\u0305\u0305\u0332\u029E\u0305\u0332]',
l : '[\u0305\u0305\u0332l\u0305\u0332]',
m : '[\u0305\u0305\u0332\u026F\u0305\u0332]',
n : '[\u0305\u0305\u0332u\u0305\u0332]',
o : '[\u0305\u0305\u0332o\u0305\u0332]',
p : '[\u0305\u0305\u0332d\u0305\u0332]',
q : '[\u0305\u0305\u0332b\u0305\u0332]',
r : '[\u0305\u0305\u0332\u0279\u0305\u0332]',
s : '[\u0305\u0305\u0332s\u0305\u0332]',
t : '[\u0305\u0305\u0332\u0287\u0305\u0332]',
u : '[\u0305\u0305\u0332n\u0305\u0332]',
v : '[\u0305\u0305\u0332\u028C\u0305\u0332]',
w : '[\u0305\u0305\u0332\u028D\u0305\u0332]',
x : '[\u0305\u0305\u0332x\u0305\u0332]',
y : '[\u0305\u0305\u0332\u028E\u0305\u0332]',
z : '[\u0305\u0305\u0332z\u0305\u0332]',
A : '[\u0305\u0305\u0332\u2200\u0305\u0332]',
B : '[\u0305\u0305\u0332B\u0305\u0332]',
C : '[\u0305\u0305\u0332\u0186\u0305\u0332]',
D : '[\u0305\u0305\u0332D\u0305\u0332]',
E : '[\u0305\u0305\u0332\u018E\u0305\u0332]',
F : '[\u0305\u0305\u0332\u2132\u0305\u0332]',
G : '[\u0305\u0305\u0332\u05E4\u0305\u0332]',
H : '[\u0305\u0305\u0332H\u0305\u0332]',
I : '[\u0305\u0305\u0332I\u0305\u0332]',
J : '[\u0305\u0305\u0332\u017F\u0305\u0332]',
K : '[\u0305\u0305\u0332K\u0305\u0332]',
L : '[\u0305\u0305\u0332\u02E5\u0305\u0332]',
M : '[\u0305\u0305\u0332W\u0305\u0332]',
N : '[\u0305\u0305\u0332N\u0305\u0332]',
O : '[\u0305\u0305\u0332O\u0305\u0332]',
P : '[\u0305\u0305\u0332\u0500\u0305\u0332]',
Q : '[\u0305\u0305\u0332Q\u0305\u0332]',
R : '[\u0305\u0305\u0332R\u0305\u0332]',
S : '[\u0305\u0305\u0332S\u0305\u0332]',
T : '[\u0305\u0305\u0332\u2534\u0305\u0332]',
U : '[\u0305\u0305\u0332\u2229\u0305\u0332]',
V : '[\u0305\u0305\u0332\u039B\u0305\u0332]',
W : '[\u0305\u0305\u0332M\u0305\u0332]',
X : '[\u0305\u0305\u0332X\u0305\u0332]',
Y : '[\u0305\u0305\u0332\u028E\u0305\u0332]',
Z : '[\u0305\u0305\u0332Z\u0305\u0332]',
0 : '[\u0305\u0305\u03320\u0305\u0332]',
1 : '[\u0305\u0305\u0332\u0196\u0305\u0332]',
2 : '[\u0305\u0305\u0332\u1105\u0305\u0332]',
3 : '[\u0305\u0305\u0332\u0190\u0305\u0332]',
4 : '[\u0305\u0305\u0332\u3123\u0305\u0332]',
5 : '[\u0305\u0305\u03325\u0305\u0332]',
6 : '[\u0305\u0305\u03329\u0305\u0332]',
7 : '[\u0305\u0305\u0332\u3125\u0305\u0332]',
8 : '[\u0305\u0305\u03328\u0305\u0332]',
9 : '[\u0305\u0305\u03326\u0305\u0332]',
",":"'",
"'":",",
'"':",,",
"`":",",
"?":"\u00BF",
"!":"\u00A1",
"[":"]",
"]":"[",
"(":")",
")":"(",
"{":"}",
"}":"{",
"<":">",
">":"<",
"_":"\u203E",
"\u2234":"\u2235",
"\u2045":"\u2046"
}
for (i in kotakJungkir)
{
kotakJungkir[kotakJungkir[i]] = i
}
</script>
</div>
</div>
</form>
</body>
</html>



TENTANG SAYA



TULISAN ASLI

Kiri-Kanan Terbalik
Di Kotakkin

HASILNYA