Cara membuat Javascript

Cara membuat Javascript

                        CARA MEMBUAT JAVASCRIPT 

   1.Kita akan menggunakan sampel script alert perpisahan, sebagai berikut:

// goodbye alert
function goodbye(){
        alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
    parent.window.onunload=goodbye;

2. Di atas itu hanyalah script mentahan, belum bisa kita tampilkan langsung di web/blog kita, agar bisa berfungsi di blog kita maka kita akan memberi perintah HTML seperti berikut:

     <script type="text/javascript">

// goodbye alert
function goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;

</script>

Yang telah saya tandai dengan warna merah merupakan perintah yang nantinya akan mengeluarkan fungsi dari script di atas. Jika ingin tahu bagaimana nanti hasil dari fungsi script di atas, silahkan surfing di sini.
 

• Lalu yang selanjutnya adalah membuat file Java Script

Hampir sama dengan java script itu sendiri (yang telah kita bahas di atas), akan tetapi pembentukan file Java Script lebih ke alasan agar lebih simple serta lebih enak dipandang, selain itu beberapa blogger ada juga yang mengatakan untuk mempercepat load blog. Kembali ke sudut pandang masing-masing, yang jelas dengan membentuk java script menjadi berupa file akan kelihatan lebih simple dan enak dipandang.
Berikut langkah-langkahnya:
   
Kita tetap fokus kepada kode script yang telah kita bahas di atas, yaitu:

1. <script type="text/javascript">// goodbye alert
   function goodbye(){
   alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
   }
   parent.window.onunload=goodbye;
2. </script>

2. Untuk memulai membuat file Java Script, silahkan untuk membuka notepad. Caranya klik Start => Lalu "All Programs" => Accessories => Pilih "Notepad" dan pastekan kode berikut tanpa kode yang telah saya tandai warna merah, sehingga nanti menjadi

// goodbye alert
function goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;

Tampilan pada notepad:

3. Jika sudah, silahkan untuk menyimpan file tersebut dengan nama blabla.js, sebagai contoh kita akan menyimpan file dengan nama filealert.js dengan Save as type "All Files"

4. Jika selesai, maka file nya nanti akan berbentuk seperti berikut:

5. Selanjutnya, silahkan untuk meng-hosting file tersebut ke situs file hosting anda. Jika sobat belum tahu apa itu file hosting lalu bagaimana cara menggunakannya, silahkan untuk membaca postingan berikut:
Cara membuat file hosting dengan Google sites
      

•          Cara Membuat file hosting dengan Google code

6. Jika sobat sudah memiliki/membuat file hosting maka sobat nanti akan mendapatkan sebuah URL file java script sobat yang biasanya bereksistensi JS di belakangnya. Maka yang harus sobat lakukan selanjutnya adalah menganbil URL tersebut dan memasangnya (mengapitnya) ke dalam kode berikut:

<script type="text/javascript" src="Alamat URL file javascript_sobat.js"></script>

Silahkan diganti tulisan Alamat URL file javascript_sobat.js dengan URL JS sobat seperti http://t4belajarblogger.googlecode.com/files/filealert.js
Maka sebagai hasil, kode tersebut menjadi

<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/filealert.js"></script>

7. Bagi sobat yang ingin mencobanya, silahkan untuk login ke akun blogger sobat, lalu klik "rancangan" => Klik "tambah gadget" => Pilih Gadget HTML/Javascript dan pastekan kode berikut di dalamnya

<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/filealert.js"></script>

Silahkan lihat hasilnya di blog sobat, pasti setiap kali sobat ingin meninggalkan (close) blog/postingan sobat maka akan muncul pesan seperti berikut