Pengenalan Bahasa Pemrograman (Javascript) M. Taufiq, M. Kom
Yang dibutuhkan untuk pemrograman Javascript Text Editor (Notepad, Notepad ++, Sublime, Dreamweaver, Atom, dll) Web Browser (Iexplorer, Mozilla Firefox, Google Chrome, dll)
Mengaktifkan Pengaturan JavaScript di IExplorer Klik menu Tools → Internet Options Klik Security Klik Custom Level Cari Scripting Option Klik radio button di Action Scripting
Mengaktifkan Pengaturan JavaScript di Mozilla Firefox Buka tab baru → type about: config di alamat web. Akan tampil Peringatan . Pilih I’ll be careful, I promise! Kemudian ditampilkan configure options. Cari , javascript.enabled. Klik → select toggle.
Mengaktifkan Pengaturan JavaScript di Google Chrome Klik Menu di sebelah kanan atas. Pilih Settings. Klik Show advanced settings dibagian bawah halaman. Dibagian Privacy, Klik Content settings button. Dibagian "Javascript", Pilih "Do not allow any site to run JavaScript" or "Allow all sites to run JavaScript (recommended)"
Penempatan Coding 1. Dalam Satu file berekstensi *.html Bagian head Bagian body Bagian head dan body 2. Di File lain Dimasukkan kedalam file berekstensi *.js kemudian dipanggil kedalam file utama yang berekstensi *.html
Contoh Penulisan (Bagian Head) <html> <head> <script type="text/javascript" language="javascript"> var a = 2; var b = 4; var c = a+b; var breakline = "<br/>"; function tampil() { alert("Hasilnya = " + (c)); } </script> </head> <body> <input type="button" onClick="tampil()" value="Hitung"> </body> </html>
Contoh Penulisan (Bagian Body) <html> <head> </head> <body> <script language="javascript" type="text/javascript"> <!-- var a = 2; var b = 3; var c = a + b; document.write(“Hasil Penjumlahan dari “ + a + “ dan ” + b + “Adalah =” + c) //--> </script> </body> </html>
Contoh Penulisan (Bagian Head dan Body) <html> <head> <script type="text/javascript" language="javascript"> var a = 2; var b = 4; var c = a+b; function tampil() { alert("Hasilnya = " + (c)); } </script> </head> <body> <script language="javascript" type="text/javascript"> <!-- var d = 2; var e = 3; var f = d + e; document.write("Hasil Penjumlahan dari " + d + " dan " + e + "Adalah =" + f); //--> <input type="button" onClick="tampil()" value="Hitung"> </body> </html>
Contoh Penulisan (Luar File Utama) File utama.html File tambahan.js <html> <head> <script type="text/javascript" src=“tambahan.js" ></script> </head> <body> <input type =“button” onClick=“sayHello()” value=“Klik Saya”> </body> </html> function sayHello() { alert(“Ini Contoh Javascript") }