Sie sind auf Seite 1von 6

Faktorial <html> <head><title>Faktorial 01</title></head> <body> <h3 align="center">Tabel Faktorial</h3> <table align="center" border="1" cellpadding="10" cellspacing="2" width="300"> <tr

align="center" bgcolor="pink"><td>Faktorial</td><td>Hasil</td></tr> <script type="text/javascript"> var hsl=1; for(var i=1;i<=10;i++) { hsl*=i; document.write("<tr align='center'><td>"+i+" !</td><td>" +hsl+"</td></tr>"); } </script> </table> </body> </html> Table: tables_priv <!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=iso-8859-1" /> <title>Table Structure</title> <style type="text/css"> th{ background-color:#FF9900; } </style> <script type="text/javascript"> function cek(bool) { for(var i=0;i<6;i++) document.frm.elements[i].checked=bool; } </script> </head> <body> <form name="frm"> <h2>Table: tables_priv</h2> <table> <tr> <th></th> <th>Field</th> <th>Type</th> </tr> <tr>

<td><input type="checkbox" id="chk1" /></td> <td>Host</td> <td>char(60)</td> </tr> <tr> <td><input type="checkbox" id="chk2" /></td> <td>Db</td> <td>char(64)</td> </tr> <tr> <td><input type="checkbox" id="chk3" /></td> <td>User</td> <td>char(16)</td> </tr> <tr> <td><input type="checkbox" id="chk4" /></td> <td>Table Name</td> <td>char(64)</td> </tr> <tr> <td><input type="checkbox" id="chk5" /></td> <td>Grantor</td> <td>char(77)</td> </tr> <tr> <td><input type="checkbox" id="chk6" /></td> <td>Timestamp</td> <td>timestamp</td> </tr> <tr> <td colspan="3"><input type="button" value="Check All" onclick="cek(true)" /> / <input type="button" value="Uncheck All" onclick="cek(false)"/></td> </tr> </form> </table> </body> </html>

Teks Berjalan dari Kanan Ke Kiri


<!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=iso-8859-1" /> <title>Teks Berjalan</title> <script type="text/javascript"> var i = 0; var clear = ""; function mulai() { if(i==0) masukan=document.frm.txtMasukan.value; else masukan = clear;

putarKanan(masukan); i++; } function putarKanan(masukan) { kiri=masukan.charAt(0); kanan=masukan.substring(1,masukan.length); hasil=kanan+kiri; document.frm.txtHasil.value = hasil; clear = hasil; set = setTimeout('putarKanan(hasil)',1000); } function berhenti() { clearTimeout(set); } </script> </head> <body> <div align="center"> <form name="frm"> <h3>Teks Berjalan dari Kanan Ke Kiri</h3> <b>Input here</b><br/> <input type="text" name="txtMasukan" size="50" value=" "/><br/> <b>Output Here</b><br/> <input type="text" name="txtHasil" size="50" readonly="readonly"/><br/> <input type="button" name="btnStart" value="START" onclick="mulai();" /> <input type="button" name="btnStop" value="STOP" onclick="berhenti();" /> </form> </div> </body> </html>

Tanggal dan Waktu


<!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=iso-8859-1" /> <title>Tanggal & Waktu Sistem</title> <script type="text/javascript"> function dateTime() { tanggal(); jam(); } function tanggal() { var hari=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");

var bulan=new Array("Januari","Pebuari","Maret","April","Mei","Juni","Juli","Agustus","Sept ember","Oktober","November","Desember"); var objTgl=new Date(); var tgl=hari[objTgl.getDay()] + ", " + objTgl.getDate() + " " + bulan[objTgl.getMonth()] + " " + objTgl.getFullYear(); document.getElementById("hari").innerHTML=tgl; } function jam() { var objJam=new Date(); var wkt=objJam.getHours()+":"+objJam.getMinutes()+":"+objJam.getSeconds(); objJam=setTimeout("jam()",1000); document.getElementById("wkt").innerHTML=wkt; window.status="Waktu: " + wkt; } </script> </head> <body onload="dateTime()"> Hari: <span id="hari"></span><br/> Waktu: <span id="wkt"></span> </body> </html>

String Object
<!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=iso-8859-1" /> <title>JavaScript String Object</title> <style type="text/css"> tr{ font:15px Verdana; text-align:left; } .rataTengah{ text-align:center; } legend{ font-size:17px; color:#FF0000; } fieldset{ font-weight:500; color:#FF0000; } </style> <script type="text/javascript"> function FOKUS() {

document.forms[0].txtMasukan.focus(); } function cekPanjang(){ document.forms[0].txtPanjang.value=document.forms[0].txtMasukan.value.toStrin g().length; } function UpperCase(){ document.forms[0].txtMasukan.value=document.forms[0].txtMasukan.value.toUpper Case(); } function LowerCase(){ document.forms[0].txtMasukan.value=document.forms[0].txtMasukan.value.toLower Case(); } function cariString() { var cari=document.forms[0].txtCari.value.toString(); var masukan = document.forms[0].txtMasukan.value.toString(); var i=0,s; while(masukan.search(cari)!=-1) { s = masukan.search(cari); masukan = masukan.substring(s+cari.length); i++; } document.forms[0].txtFrk.value=i; } function gantiTxtMasukan() { document.forms[0].txtMasukan.value=document.forms[0].txtSubs.value.toS tring(); cekPanjang(); } </script> </head> <body bgcolor="#FFFFCC" onload="FOKUS()"> <form> <table style="border:solid #FF9900; background-color:#FFFF99;" align="center"> <tr> <td> <table style="border:none #FF0000;" padding:"5px 50px;"> <tr class="rataTengah"> <td colspan="3"> <h2><u>JavaScript String Object</u></h2> </td> </tr> <tr class="rataTengah"> <td colspan="3"> Input String : <input type="text" size="80" name="txtMasukan" onkeyup="cekPanjang()" /> </td> </tr> <tr class="rataTengah">

<td colspan="3" style="color:#FF0000"> Panjang String : <input type="text" size="5" readonly="readonly" name="txtPanjang" /> </td> </tr> <tr valign="top"> <td> <fieldset> <legend>Ubah Bentuk Tulisan</legend> <input type="radio" name="rbtTulisan" onclick="UpperCase()" />Upper Case <br/> <input type="radio" name="rbtTulisan" onclick="LowerCase()" />Lower Case </fieldset> </td> <td> <fieldset> <legend>Find</legend> String Pencarian :<br/> <input type="text" name="txtCari" /><br/> Frekuensi Kemunculan : <br/> <input type="text" readonly="readonly" name="txtFrk" /><br/> <input type="button" value="Cari" name="btnCari" onclick="cariString()" /> </fieldset> </td> <td> <fieldset> <legend>Replace</legend> String Substitusi: <br/> <input type="text" name="txtSubs" /><br/> <input type="button" value="Ganti" name="btnGanti" onclick="gantiTxtMasukan()" /> </fieldset> </td> </tr> </table> </td> </tr> </table> </form> </body> </html>

Das könnte Ihnen auch gefallen