PEMPROGRAMAN WEB JAVASCRIPT
TENTANG JAVASCRIPT JavaScript didesain untuk menambah interaktif suatu halaman Web JavaScript merupakan suatu bahasa Scripting (bahasa pemrograman ringan) JavaScript berisi baris kode yg dijalankan di web browser javascript biasanya disisipkan (embedded) dalam halaman Web JavaScript merupakan bahasa interpreter (script di eksekusi tanpa kompilasi) Bersifat open source, semua orang dapat menggunakan tanpa membayar lisensi
PENULISAN JAVASCRIPT Penulisan JavaScipt pada halaman web Diletakkan di Head Ditulisakan di Body External File
PENULISAN DI HEAD Skrip ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakan skrip di head akan menjamin skrip di-load terlebih dahulu sebelum digunakan (dipanggil). <head> <script type= text/javascript >..... </head>
PENULISAN PADA BODY Skrip akan dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan skrip pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian. JumlahJavaScript di<head> dan<body> yang ditempatkan pada dokumen kita tak terbatas. <html> <head></head> <body> <script type= text/javascript >..... </body> </html>
PENULISAN EXTERNAL Terkadang kita ingin menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang skrip yang diinginkan di setiap halaman. Untuk menggunakan external JavaScript (.js), dipakai atribut src pada tag <script> pada halaman HTML-nya. File JavaScript: xxx.js <body> <script type= text/javascript src= xxx.js > </body>
JAVASCRIPT SEDERHANA Menampilkan Text di Browser Menampilkan AlertBox <body> <script type= text/javascript > Document.write( ini ditulis dgn javascript ); </body> <body> <script type= text/javascript > alert( ini ditulis dgn javascript ); </body>
MEMBUAT FUNCTION Function dapat dibuat dengan parameter ataupun tanpa parameter Function tanpa parameter Function dengan parameter Function yang mengambalikan Nilai
FUNCTION TANPA PARAMETER Sintax dasar : function (){.... <script type= text/javascript > function showmsg(){ alert( Hello World );
FUNCTION DENGAN PARAMETER Sintax dasar : function (par1,par2,...,par-n){.... <script type= text/javascript > function showmsg(txt){ alert(txt);
FUNCTION YG MENGEMBALIKAN NILAI Sintax dasar : function (par1,par2,..,par-n){ return x; <head> <script type= text/javascript > function jml(a,b){ return a+b; </head> <body> <script type= text/javascript > document.write(jml(4,7)); </body>
PERCABANGAN if statement - use this statement to execute some code only if a specified condition is true if...else statement - use this statement to execute some code if the condition is true and another code if the condition is false if...else if...else statement - use this statement to select one of many blocks of code to be executed switch statement - use this statement to select one of many blocks of code to be executed
<script type="text/javascript"> //Write a "Good morning" greeting if //the time is less than 10 var d=new Date(); var time=d.gethours(); if (time<10) { document.write("<b>good morning</b>");
<script type="text/javascript"> var d=new Date(); var theday=d.getday(); switch (theday) { case 5: document.write("finally Friday"); break; case 6: document.write("super Saturday"); break; case 0: document.write("sleepy Sunday"); break; default: document.write("i'm looking forward to this weekend!");
PERULANGAN Often when you write code, you want the same block of code to run over and over again in a row. Instead of adding several almost equal lines in a script we can use loops to perform a task like this. In JavaScript, there are two different kind of loops: for - loops through a block of code a specified number of times while - loops through a block of code while a specified condition is true
<script type="text/javascript"> var i=0; for (i=0;i<=5;i++) { document.write("the number is " + i); document.write("<br />");
<script type="text/javascript"> var i=0; while (i<=5) { document.write("the number is " + i); document.write("<br />"); i++;
EVENTS Events are actions that can be detected by JavaScript. The example below displays the date when a button is clicked:
<script type="text/javascript"> function displaydate() { document.getelementbyid("demo").innerhtml=date(); <p id="demo"></p> <button type="button" onclick="displaydate()">display Date</button>
TERIMA KASIH