Blue Fire Pointer MARI BELAJAR | Info Seputar Pengetahuan MARI BELAJAR
Selamat datang di Website Mari Belajar dan dapatkan informasi-informasi mengenai dunia pembelajaran
animasi bergerak gif

Kejadian (Event) dalam Javascript



A. Kejadian (Event)

Even adalah sesuatu yang terjadi pada halaman HTML. Berikut ini terdapat beberapa bentuk kejadian yaitu jika pengguna memuat dokumen, pengguna memasukkan data, pengguna mengklik tombol dan sebagainya. Hal-hal tersebut diatur oleh even.
Semua kejadian pada Javascript dapat anda tangani dengan menentukan kejadiannya. Biasanya kejadian(even) adalah sebuah fungsi, tetapi pada beberapa kasus, kita dapat menuliskan pernyataan-pernyataannya secara langsung.

Berikut ini adalah daftar kejadian(even) pada JavaScript :

Kejadian
Keterangan
onClick
Kejadian yang dibangkitkan bila pengguna mengklik sebuah elemen form atau link.
onChange
Dibangkitkan bila informasi masukan pada sebuah elemen form (text, textarea, select) diubah oleh pengguna.
onBlur
Dibangkitkan ketika suatu elemen kehilangan focus masukan, yaitu ketika pengguna menekan tombol <tab> atau mengklik elemen lain form lainnya.
onFocus
Dibangkitkan bila sebuah elemen form menerima focus masukan; yaitu bila pengguna mengklik elemen form tersebut atau menekan tombol <tab> sehingga focus masukan berpindah ke elemen ini.
onAbort
Dibangkitkan bila pengguna menghentikan pemuatan citra (tag<img>) yaitu bila pengguna menekan tombol stop atau mengklik link.
onError
Dibangkitkan bila terjadi kesalahan saat browser memuat dokumen atau citra.
onLoad
Dibangkitkan bila browser selesai memuat document
onUnload
Dibangkitkan bila pengguna keluar dari dokumen
onMouseOver
Dibangkitkan bila kursor mouse berada di atas sebuah link.
onMouseOut
Dibangkitkan bila kursor mouse keluar dari daerah link atau peta citra.
onReset
Dibangkitkan bila pengguna menekan tombol reset
onSelect
Kejadian yang dibangkitkan bila pengguna memilih sebagian atau seluruh teks pada elemen form yang berupa kotak teks.
onSubmit
Dibangkitkan ketika pengguna menekan tombol submit.


B.  Penanganan Kejadian (Event)

Berikut ini akan diberikan beberapa contoh program-program yang menggunakan kejadian-kejadian dalam aplikasinya.

Contoh program yang menggunakan even OnClick :

Contoh Program JavaScript
 
<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function warna(pilihan)
{
alert("Anda Memilih Warna " + pilihan);
document.bgColor=pilihan;
}
</SCRIPT>
<h1 align="center">Latihan Event OnClick</h1> 
<hr width="500" color="black" noshade>
<h3 align="center">Pilih warna favorit anda.</h3>
<CENTER>
<FORM>
<INPUT TYPE="button" VALUE="Biru" onClick="warna('lightblue')">
<INPUT TYPE="button" VALUE="Pink" onClick="warna('pink')">
<INPUT TYPE="button" VALUE="Coklat" onClick="warna('burlywood')">
<INPUT TYPE="button" VALUE="Kelabu" onClick="warna('darkgray')">
<INPUT TYPE="button" VALUE="Oranye" onClick="warna('peachpuff')">
<INPUT TYPE="button" VALUE="Putih" onClick="warna('white')">
</FORM>
<FORM>
    <IMG NAME="coolfan" SRC="fanoff.gif" width=61 height=72><BR><BR>
    <INPUT TYPE=BUTTON VALUE=" Off " onClick="coolfan.src = 'fanoff.gif'">
    <INPUT TYPE=BUTTON VALUE=" On "  onClick="coolfan.src = 'fanon.gif'">
</FORM>
</CENTER>
<hr width="500" color="black" noshade> 
</BODY>
</HTML>















Contoh program yang menggunakan even OnBlur dan onFocus :





 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<SCRIPT LANGUAGE="JavaScript">


function masukannim()


{


if (document.f.inim.value=="")


  {


   alert("anda belum memasukkan nim");


  }


}


function masukannama()


{     


if (document.f.inama.value=="")


  {


   alert("anda belum memasukkan nama");


  }


}


function masukanalamat()


{   


if (document.f.ialamat.value=="")


  {


   alert("anda belum memasukkan alamat");


  } 


}  


function terimakasih()


{


if ((document.f.inim.value!="")&&(document.f.inama.value!="")&&


(document.f.ialamat.value!=""))


 {


  alert("Terima Kasih Telah mengisi Data");


 }


 else


  alert("Mohon Data Dilengkapi");


}   


</SCRIPT>


<h1 align="center">Latihan Event OnFocus dan OnBlur</h1> 


<hr width="600" color="black" noshade size="10">


<font face="arial">


<h3 align="center">R E G I S T R A S I</h3>


<hr width="600" color="black" noshade size="2">


<CENTER>


<form name="f" method="get">


<TABLE>


   <tr>


      <td width="31%">NIM</td>


      <td width="7%">:</td>


      <td width="62%"><input type="text" name="inim" size="9" 


      onFocus="window.status='Silahkan Mengisi NIM Anda';"


      onBlur="masukannim()"></td>


    </tr>


    <tr>


      <td width="31%">NAMA</td>


      <td width="7%">:</td>


      <td width="62%"><input type="text" name="inama" size="23"


      onFocus="window.status='Silahkan Mengisi Nama Anda';"


      onBlur="masukannama()"></td>


    </tr>


    <tr>


      <td width="31%">ALAMAT</td>


      <td width="7%">:</td>


      <td width="62%"><input type="text" name="ialamat" size="34"


      onFocus="window.status='Silahkan Mengisi Alamat Anda';"


      onBlur="masukanalamat()"></td>


    </tr>


</table>


<hr width="600" color="black" noshade size="2">


<p><input type="BUTTON" value="Kirim" Onclick="terimakasih()">


   <input type="reset" value="Reset"></p>


</form>


</center>


</BODY>


</HTML>


 













Contoh program
yang menggunakan even onLoad dan onUnload



 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY Onload="tanggal()" OnUnload="tutup()">


<SCRIPT LANGUAGE="JavaScript">


<!-- Hide from browsers that do not understand Javascript 


function tanggal()


{


 var d = new Date(); 


 var y = d.getFullYear(); 


 var m = d.getMonth() + 1; 


 var d = d.getDate(); 


 var t = d + '/' + m + '/' + y + ' '; 


 defaultStatus = "Anda datang pada tanggal " + t + ".";


 alert("Selamat Datang Teman \n Silahkan Masuk Ke Websiteku");


}


function timer()


{


var d = new Date();  


var jam = d.getHours();


var menit = d.getMinutes();


var detik = d.getSeconds();


var strwaktu = (jam<10)?"0"+jam:jam;


strwaktu +=(menit<10)?"0"+menit:" : "+menit;


strwaktu +=(detik<10)?"0"+detik:" : "+detik;


document.f.txtwaktu.value="         "+strwaktu;


setTimeout("timer()",200);


}


function tutup()


{


window.alert("Terimakasih Telah Berkunjung\nJangan lupa Datang kembali Ya..");


} 


// end hiding --> 


</SCRIPT>


<h1 align="center">Latihan Event OnLoad dan OnUnLoad</h1> 


<hr width="600" color="black" noshade size="10">


<font face="arial">


<h3 align="center">SELAMAT DATANG</h3>


<CENTER>


<form name="f">


<h4 align="center">Sekarang Menunjukkan Jam</h4>


<input type="Text" size="16" name="txtwaktu">


<hr width="600" color="black" noshade size="2">


</form>


<SCRIPT LANGUAGE="JavaScript">timer()</SCRIPT>


</center>


</BODY>


</HTML>


 





































Contoh program yang menggunakan even
onMouseOut dan onMouseOver



 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<SCRIPT LANGUAGE="JavaScript">


 


function g1() 


{ 


document.f.imgfan.src="fanon.gif" 


}


function g2()


{ 


document.f.imgfan.src="fanoff.gif" 


}


</SCRIPT>


</SCRIPT>


<h1 align="center">Latihan Event OnMouseOver dan OnMouseOut</h1> 


<hr width="600" color="black" noshade size="10">


<font face="arial">


<h3 align="center">SELAMAT DATANG</h3>


<CENTER>


<form name="f">


<Img Name="logo" src="logo1.gif" onmouseover="document.logo.src='logo2.gif';


window.status='Motto Jawa Barat'"


 onmouseout="document.logo.src='logo1.gif';window.status='Gemah Ripah Repeh Rapih'">


<h4 align="center">Kalo Kepanasan Tunjuk Kipas Angin Saja</h4>


<A HREF="latevenonclick.html" onMouseOver="g1()" onMouseOut="g2()">


<IMAGE NAME="imgfan" SRC="fanoff.gif" WIDTH=61 HEIGHT=72 BORDER=0>


</A>


<p>


Contoh Link Dengan Even


</p>


<A HREF="http://www.google.com" onMouseOver="document.bgColor='#ffcc00';


   onMouseOver=window.status='Ke Website Google.Com'; return true">Google.Com</A><BR> 


<A HREF="http://if.unikom.ac.id" onMouseOver="window.status='Oh, jangan deket-deket..';


 return true" onMouseOut="alert('Nah gitu dong'); return true">Teknik Informatika UNIKOM 


</A>   


<hr width="600" color="black" noshade size="2">


</form>


</center>


</BODY>


</HTML>














 






 
















By






Tidak ada komentar:
  


































          

        

          

        

          

        










Objek Javascript 3






















A. Objek String













String adalah suatu objek yang merupakan kumpulan dari elemen
karakter-karakter. Dalam Javascript string atau karakter harus diapit dengan
tanda petik ganda(“) atau tanda petik tunggal(‘).



Contoh pendeklarasian Objek String :







Nama = “Shafana Vevica”



Panjang = Nama,length; // Panjang akan berisi 14







Length adalah property yang sering digunakan dalam objek string yang
digunakan Untuk mengetahui banyaknya karakter dalam suatu string.



Objek String juga memiliki method yang dapat digunakan untuk memanipulasi
string tersebut. Adapun Method yang dapat digunakan
meliputi :











 


  

big()


  

Tercetak lebih besar


 



  

blink()


  

Efek berkedip aktif pada browerNetscape


 



  

bold()


  

Tercetak tebal


 



  

charAt(n)


  

Mengambil karakter ke –n dari string. Index
  string dimulai dari 0


 



  

fixed()


  

Tercetak fixed-pitch


 



  

fontcolor(‘warna’)


  

Tercetak sesuai
  warna yang didefinisikan


 



  

indexOf(‘char’)


  

Mengambil nilai indeks dari suatu karakter


 



  

italic()


  

Tercetak miring


 



  

link(‘url’)


  

Menjadikan string hyperlink


 



  

small()


  

Tercetak lebih kecil


 



  

strike()


  

Tercetak dengan coretan


 



  

sub()


  

Tercetak subscript


 



  

substring(a,b)


  

Mengambil karakter
  dari posisi a sampai b-1


 



  

sup()


  

Tercetak superscript


 



  

toLowerCase()


  

Tercetak huruf kecil


 



  

toUpperCase()


  

Tercetak huruf besar


 



  

split(‘’)


  

Menjadikan string diuraikan/dipisahkan
  berdasarkan tanda (‘’). Hasil dari split akan dihasilkan sebuah array dengan
  indeks 0 untuk string ke 1 dan seterusnya. 


 



























 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY BGCOLOR="lightblue">


<H3>Latihan Objek String</H3>


<SCRIPT LANGUAGE="Javascript">


nama ="Shafana Vevica";


panjang=nama.length;


n=nama.substring(1,4);


besar=nama.toUpperCase()


namakulink=nama.link('shafa.html');


document.writeln('Namaku adalah = '+ nama +'<BR>');


document.writeln('Panjang namaku adalah '+ panjang + ' karakter <BR>'); 


document.writeln('method BIG = '+ nama.big() +'<BR>');


document.writeln('method SMALL = '+ nama.small() +'<BR>');


document.writeln('method SUB = '+ nama.sub() +'<BR>');


document.writeln('method SUP = '+ nama.sup() +'<BR>');


document.writeln('method BOLD = '+ nama.bold() +'<BR>');


document.writeln('method ITALIC = '+ nama.italics() +'<BR>');


document.writeln('method FONTCOLOR = '+ nama.fontcolor('red') +'<BR>');


document.writeln('method LOWERCASE = '+nama.toLowerCase()  +'<BR>');


document.writeln('method UPPERCASE = '+ besar +'<BR>');


document.writeln('method SUBSTRING = '+ n +'<BR>');


document.writeln('method STRIKE = '+ nama.strike() +'<BR>');


document.writeln('method CharAT = '+ nama.charAt(3) +'<BR>');


document.writeln('method Link = '+ namakulink +'<BR>');


document.writeln('Index Huruf c = '+ nama.indexOf("c") +'<BR>');


awal=nama.indexOf('V');


akhir=nama.length;


document.writeln('Kata Yang Tersisa = '+ nama.substring(awal,akhir) +'<BR>');


</SCRIPT>


</BODY>


</HTML>
























 



















B. Objek Document













Objek ini digunakan untuk mengakses informasi mengenai dokumen HTML,
tampilan output dan memanipulasinya.



Property dari objek document meliputi :









 


  

Property


  

Fungsi


 



  

bgColor


  

Memberikan warna latar belakang


 



  

fgColor


  

Memberikan warna foreground atau warna huruf


 



  

link[]


  

Mengakses objek anchor/link(dapat digunakan nama
  objek anchor/link)


 



  

linkColor=warna


  

Memberikan warna link


 



  

alinkColor=warna


  

Memberikan warna pada active link 


 



  

vlinkColor=warna


  

Memberikan warna pada visited link 


 



  

title=judul window


  

Memberikan judul/title window


 



  

image[]


  

Mengakses objek image(dapat digunakan nama objek
  anchor/link)


 



  

forms[]


  

Mengakses objek form(dapat digunakan nama objek
  form)


 











Method dari
objek document meliputi :









 


  

Method


  

Fungsi


 



  

open()


  

Menciptakan/membuka document HTML


 



  

close()


  

Mengakhiri document HTML


 



  

write(output)


  

Memberikan output ke browser


 



  

writeln(output)


  

Memberikan output ke browser dengan menyertakan
  perpindahan baris


 











Khusus untuk
output ke browser ada beberapa hal yang perlu diperhatikan :






    

  • Diisi dengan string(“) atau (‘)
    • 

  • Dapat diberikan tag HTML
    • 

  • Dapat
     digunakan untuk menampilkan isi dari variable
    • 

  • Terdapat karakter spesial :
    • 




\b = untuk backspace



\f  = untuk form
feed



\n = untuk baris baru



\r = untuk carriage return



\t = untuk tab







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<H3>Latihan Objek Document</H3><hr>


Dengan perintah ini maka teks dalam dokumen ini akan berwarna putih<BR>


<SCRIPT LANGUAGE="Javascript">


nama="irawan"; 


document.bgColor="blue";


document.fgColor="white";


document.title="Belajar objek Document";


document.linkColor="red";


document.vlinkColor="green";


document.alinkColor="white";


namakulink=nama.link('ir.html');


document.writeln('Warna Link  = '+ namakulink +'<BR>');


</SCRIPT>


</BODY>


</HTML>















C. Objek Window



Objek window
merupakan objek tertinggi dalam objek Javascript. Objek ini digunakan untuk memanipulasi tampilan
jendela dari document HTML.







Property pada Objek window



 


  

Property


  

Fungsi


 



  

length


  

Mengetahui jumlah frame pada window


 



  

location.href


  

Mengakses objek location untuk melakukan redirect
  atau berpindah ke alamat tertentu.


 



  

Status=nilai_status


  

Memberikan nilai status window


 









Metode-metode
untuk Objek window



 


  

Method


  

Fungsi


 



  

alert(pesan)


  

Memunculkan messagebox sebuah pesan kesalahan


 



  

confirm(pesan)


  

Memunculkan pesan konfirmasi. Method ini akan
  menghasilkan dua nilai kembalian yaitu true untuk Ok dan false untuk Cancel 


 



  

prompt(pesan,nilai default)


  

Memunculkan pesan yang menunggu sebuah input


 



  

close()


  

Menutup jendela aktif


 



  

open(url|file,windowname ,feature)


  

Membuka jendela baru dengan feature meliputi :



toolbar=yes|no          mengaktifkan toolbar



status=yes|no     
  mengaktifkan window status



menubar=yes|no 
  mengaktifkan menubar



scrollbars=yes|no   mengaktifkan scrollbar



resizable=yes|no jendela resizeable



width = ukuran lebar jendela



height = ukuran tinggi jendela       


 



  

print()


  

Membuka jendela dialog print


 









 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<H3>Latihan Objek Window</H3><hr>


<SCRIPT LANGUAGE="Javascript">


window.status="Welcome";


window.alert=("Selamat Datang");


angka=window.prompt("Inputkan Angka ?",0);


document.write("Angka vaforit anda adalah =<strong>" +angka+ "</strong><br>");


tampung=window.confirm("jenis kelamin anda Pria ?");


if(tampung)


 {


  document.write("Boleh Kenalan donk");


  }


else


 { 


  document.write("Ok dech");


  }


window.close();      


</SCRIPT>


</BODY>


</HTML>


 









Contoh penggunaan perintah window.open dan window.location untuk membuka
halaman web lain.







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<CENTER><H3>Latihan Objek Document</H3><hr>


Membuka Web Page dengan Perintah Window.Open dan Window.Location


</CENTER>


<SCRIPT LANGUAGE="Javascript">


function konek1()


{


  window.open("utsb.HTML");


} 


function konek2()


{


  window.location="kunci_jawaban UTS.HTML";


}


</SCRIPT>


<FORM METHOD="post">


<P><CENTER>


<INPUT TYPE="button" VALUE="Kunci Jawaban UTS A" ONCLICK="konek1()">


<INPUT TYPE="button" VALUE="Kunci Jawaban UTS B" ONCLICK="konek2()">


</FORM></CENTER>


</BODY>


</HTML>


 

















Contoh penggunaan objek window.location.href untuk membuka halaman web yang
lain.







 


  

Contoh
  Program JavaScript


 



  
<HTML>


<BODY>


<CENTER><H3>Latihan Objek Document</H3><hr>


Membuka Web Page dengan Perintah Window.Location.href


</CENTER>


<SCRIPT LANGUAGE="Javascript">


function konek1()


{


  if(document.pilihan.pilih.options[0].selected)


   {


    window.location.href="latobjekradio.HTML";


   }


  else if (document.pilihan.pilih.options[1].selected)


   {


    window.location.href="latobjekselect.HTML";


   }


  else if (document.pilihan.pilih.options[2].selected)  


   {


    window.location.href="latobjekteksarea.HTML";


   } 


return true;   


} 


function konek2()


{


 var pilihint;


 var pilihstr;


 pilihint=document.pilihan.pilih.selectedIndex;


 pilihstr=document.pilihan.pilih.options[pilihint].text;


 document.pilihan.pilihteks.value=" Go To " + pilihstr + "!" ;


}


</SCRIPT>


<CENTER>


<FORM NAME="pilihan">


<B>MENU PILIHAN DENGAN TOMBOL</B>


<P><SELECT NAME="pilih" ONCHANGE="konek2()" MULTIPLE SIZE="3">


        <OPTION>Latihan Objek Radio</OPTION>


        <OPTION>Latihan Objek Select</OPTION>


        <OPTION>Latihan Objek Teks Area</OPTION>


   </SELECT>


 </P>


<P><BR>


<INPUT TYPE="button" name="pilihteks" value"" size="40" maxlength="40">


</P>


<P>


<INPUT TYPE="button" NAME="Gobutton" VALUE="Goo!!" ONCLICK="konek1()">


</P>    


</FORM></CENTER>


</BODY>


</HTML>
















 




















 
















By






Tidak ada komentar:
  


































          

        

          

        

          

        










Objek Javascript 2




















A.  Objek Array (Array Object)







Array
adalah suatu variable yang dapat memuat beberapa nilai secara berurutan atau
seri. Artinya variable yang dideklarasikan sebagai array isinya tidak satu.
Berikut adalah pendeklarasian untuk array.







nama
= new Array(3)







Pernyataan
diatas menunjukan bahwa variabel nama memiliki 3 elemen. Ketiga elemen tersebut
akan memiliki nilai masing-masing 0, 1, 2. Nilai pertama = 0. Untuk mengisikan
ketiga elemen tersebut kita dapat melakukan dengan cara :







nama[0]
=”Dian”



nama[1]
=”Andri”



nama[2]=”Irawan”







Selain
cara diatas kita juga bisa mendeklarasikan array sekaligus dengan mengisikan
elemen-elemennya.







nama
= new Array(”Dian”,”Andri”,”Irawan”)







Maka
hasilnya seperti dibawah ini :



nama
yang ke 1 [0] isinya adalah ”Dian”



nama
yang ke 2 [1] isinya adalah ”Andri”



nama
yang ke 3 [2] isinya adalah ”Irawan” 











 


  

Contoh Program JavaScript


 



  





<HTML>



<HEAD>



<TITLE> LAtihan Objek Array</TITLE>



<BODY>



<h3>Latihan Objek Array I</H3>



Nama pada data ke 3 adalah :



<SCRIPT LANGUAGE="JavaScript">



<!-- Memyembunyikan kode dari browser non-js



function cobaarray()



{



 nama = new
  Array("Dian","Andri","Irawan");



 document.write(nama[2]);



}      



// akhir dari penyembunyian -->



</SCRIPT>



<SCRIPT LANGUAGE="JavaScript">



cobaarray();   



</SCRIPT>



</BODY>



</HTML>






 



  

Contoh Program JavaScript


 



  





<HTML>



<HEAD>



<TITLE> LAtihan Objek Array</TITLE>



<BODY>



<h3>Latihan Objek Array II</H3>



Pemanggilan data Array dengan Perintah Perulangan For<BR>



<SCRIPT LANGUAGE="JavaScript">



<!-- Memyembunyikan kode dari browser non-js



var nilai = new Array(3);



 nilai[0]="A";



 nilai[1]="B";



 nilai[2]="C";



 for
  (a=0;a<3;++a)



  {



   document.writeln("<B>Nilai
  ke "+ [a+1] +" : "+nilai[a]+"<BR>");



  }   



// akhir dari penyembunyian -->



</SCRIPT>



<SCRIPT LANGUAGE="JavaScript">



</SCRIPT>



</BODY>



</HTML>










 





B. Objek Tanggal ( Date Object)







 


  

Objek ini digunakan untuk memanipulasi tanggal dan
  waktu pada JavaScript.



Untuk pendeklarasiannya adalah sebagi berikut :







lama = new Date()







pernyataan diatas menyatakan bahwa variabel lama
  mengandung unsur tanggal



dan waktu.







Metode-metode untuk Objek Date









   


    

Metode


    

Kegunaan


   



    

getDate()


    

Menghasilkan tanggal (integer) mulai 1 – 31.


   



    

getDay()


    

Menghasilkan hari(integer) mulai 0-6. Minggu = 0, Senin =
    1,...............


   



    

getMonth()


    

Menghasilkan  bulan(integer) mulai 0-11. Januari=0,
    Feb=1,...... 


   



    

getFullYear()


    

Menampilkan tahun menjadi 4 digit


   



    

getHours()


    

Menghasilkan jam mulai 0-23


   



    

getMinutes()


    

Menghasilkan menit mulai 0-59


   



    

getSeconds()


    

Menghasilkan detik mulai 0-59


   



















   


    

Contoh Program JavaScript


   



    





<HTML>



<HEAD>



<TITLE> LAtihan Objek Date</TITLE>



<BODY bgcolor="lightblue">



<h3 align="center">Latihan Objek
    Date/Tanggal</H3>



<SCRIPT LANGUAGE="JavaScript">



<!-- Memyembunyikan kode dari browser non-js



var hari = new
    Array("Senin","Selasa","Rabu","Kamis",



                    
    "Jumat","Sabtu","Minggu");



var bulan = new
    Array("Januari","Februari","Maret","April",



                     
    "Mei","Juni","Juli","Agustus",



                     
    "September","Oktober","November","Desember");



var t = new Date();



var hari_ini=hari[t.getDay()-1];



var tanggal=t.getDate();



var bulan_ini=bulan[t.getMonth()];



var tahun=t.getYear();



var jam =t.getHours();



var menit =t.getMinutes();



var detik =t.getSeconds();



document.write("<font size=5
    face=arial>");



document.write("<b><center>Sekarang
    adalah hari :"+hari_ini+",tanggal : 



"+ tanggal +" "+ bulan_ini +"
    "
    +tahun);                      
    



document.write("<hr width=700>");



document.write("</font>");



document.write("<font size=3 face=arial>");



document.write("<b><center>Jam
    sekarang = "+ jam +":"+
    menit+":"+detik);                      
    



document.write("</font>");



// akhir dari penyembunyian -->



</SCRIPT>



<SCRIPT LANGUAGE="JavaScript">



</SCRIPT>



</BODY>



</HTML>
































   







  

  



C. Objek Math











Math digunakan untuk menangani perhitungan matematis
  yang rumit. Bentuk



penulisan :







Math.metode(nilai) 







Metode Untuk Objek Math













   


    

Metode


    

Keterangan


   



    

abs(a)


    

Nilai absolut dari a


   



    

acos(a)


    

Nilai arc-kosinus dari a


   



    

asin(a)


    

Nilai arc-sinus dari a


   



    

atan(a)


    

Nilai arc-tan dari a


   



    

ceil(a)


    

Membulatkan nilai ke integer diatasnya


   



    

cos(a)


    

Nilai kosinus dari a


   



    

exp(a)


    

Nilai E pangkat a


   



    

log(a)


    

Nilai logaritma dari a


   



    

max(a,d)


    

Nilai terbesar dari a dan d


   



    

min(a,d)


    

Nilai terkecil dari a dan d


   



    

pow(a,d)


    

Nilai dari a pangkat d


   



    

random(a)


    

Nilai acak antara 0 dan 1


   



    

round(a)


    

Membulatkan nilai a ke integer terdekat


   



    

sqrt(a)


    

Nilai akar dari kuadrat a


   



    

sin(a)


    

Nilai sinus dari a


   



    

tan(a)


    

Nilai tangen dari a


   



































   


    

Contoh Program JavaScript


   



    





<HTML>



<HEAD>



<TITLE> LAtihan Objek Math></TITLE>



<BODY>



<h3>Latihan Dengan Objek Math</h3>



<SCRIPT LANGUAGE="JavaScript">



<!-- Begin



var a=10;



var b=5;



besar=Math.max(a,b);



document.write("antara " + a + "
    dan "+ b +" lebih besar
    "+besar+"<br>");   



pangkat=Math.pow(b,a);



document.write(b+ " pangkat "+ a +"
    adalah "+pangkat+"<br>"); 



var ran;



ran = Math.round(Math.random()*50000);



document.write("Anda adalah pengunjung yang ke
    " + ran + ".<br>");



var akar;



akar =Math.sqrt(ran);



document.write ("Akar dari " + ran +
    " adalah "+akar);



// End -->



</SCRIPT>



</BODY>



</HTML>


   
























 














By






Tidak ada komentar:
  


































        

      









Langganan:
Postingan (Atom)







Arsip

































Back To Top