Setelah sebelumnya teman-teman berkenalan dengan javascript, kali ini . Akan membahas Cara Menggunakan Javascript, untuk memakai javascript sangat mudah. Untuk memakai Javascript harus memakai <script></script>. Biasa Javascript terletak pada sebelum tag terakhir head, untuk lebih gampang teman-teman untuk memahaminya coba perhatikan code berikut ini.
<html> <head> <title></title> <script type="text/javascript"> function klik(){ alert("Hello Saya Javacript"); } </script> </head> <body> <form> <input type="button" name="test" value="Klik Saya" onClick="klik()" /> </form> </body> </html> Perhatikan code didalam <script>, code javascript tersebut berfungsi dimana ketika tombol Klick Saya di tekan maka akan menampilkan Hello Saya Javascript dengan memakai fungsi alert.
Javascript ini sangat sering dipakai dalam website, dimana dengan memakai javascript akan menciptakan website lebih interaktif, adapun untuk memakai javascript ada dua metode yaitu: Internal dan External.
Cara Menggunakan Javascript Dengan Metode Internal
Cara penggunaan javascript internal sama dengan cara memakai CSS internal. Dimana code javascript pribadi ditulis dalam file HTML, untuk lebih gampang dipahami, silahkan teman-teman tulis code dibawah ini dan simpan dengan nama file index.html atau dengan nama lain yang teman-teman inginkan.
<html><head><title></title><script type="text/javascript"> alert("Javacript dengan metode Internal"); function klik(){ } </script> </head> <body> <input type="button" name="test" value="Klik Saya" onClick="klik()" /> </body></html>
Jika sudah silahkan teman-teman jalankan file tersebut pada web browser dan coba klik tombol Klik Saya maka akan menampilkan Javascript dengan metode Internal. Namun untuk beberapa kasus cara ini tidak di sarankan lantaran sanggup menciptakan file code yang kepanjangan, sehingga akan sangat sulit untuk mencari dan mendeteksi kelasahan dalam aktivitas yang kita buat, untuk itu teman-teman sanggup memakai metode external.
Cara Menggunakan Javascript Dengan Metode External
Jika pada metode internal kita memakai javascript pribadi pada file index.html, beda halnya dengan memakai metode External, dimana file javascript ditulis diluar file index.html, jikalau memakai metode external file javacript nya harus disimpan dengan extensi .js namun untuk nama file nya bebas. Untuk lebih gampang dipahami mari kita buat pola pengunaan file javacript external, silahkan teman-teman tulis code HTML berikut ini, dan simpan dengan mana file sesuai dengan keiginan teman-teman.
<html> <head> <title></title> <script type="text/javascript" src="main.js"></script> </head> <body> <input type="button" name="test" value="Klik Saya" onClick="klik()" /> </body> </html>
File diatas jikalau dijalankan tidak akan menghasilkan apapun, lantaran kita belum menciptakan file javacript nya, untuk menulias code file external ini teman-teman tidak perlu lagi menuliskan <script> dan </script>, teman-teman pribadi menulikan sintak code javacriptnya untuk lebih gampang dippahami silahkan teman-teman tulis code javacript dibawah ini simpan dengan nama file main.js, dan letakan di daerah yang sama dengan file html yang sudah teman-teman buat diatas.
function klik(){ alert("Javascript dengan metode External"); } Jika kedua file tersebut telah siap ditulis, silahkan teman-teman jalankan pada browser, Sekian tutorial dari wacana Cara memakai Javascript, supaya sanggup bermanfaat dan sanggup membantu teman-teman dalam pempelajari Javascript.
No comments:
Post a Comment