JavaScript Chapter 2 - Penulisan Dan Penggunaan Javascript

Monday, April 24, 2017

JavaScript Chapter 2 - Penulisan Dan Penggunaan Javascript

    No comments
JavaScript Chapter 2

 Nurroin's Blog - Selamat datang di tutorial javascript dasar. Ini merupaka tutorial javascript chapter 2, dimana pada part 1 kita telah membahas tetentang pengertan dan penegenalan javascript. Agar tidak garing langsung saja masuk pada materi.
CARA PENULISAN JAVASCRIPT
Kita mulai dengan penulisan syntax javascript yang baik dan benar. Dan adapun pengetahuan dasar mengenai javascript yang harus kita kuasai.
  • Disimpan dengan ektensi .js
  • Syntax javascript yang disisipkan pada halaman HTML ditulis dalam tag <script>
  • Syntax javascript dapat diletakkan pada dibagian element tag <head> atau <body>
  • Javascript bersifat case sensitive
  • Disetiap akhir baris ditutup dengan titik koma.semicolon ( ; )
Syntax javascript dapat digunakan dengan 2 cara. Yaitu dengan cara disisipkan pada halaman HTML langsung, dan 1 lagi dengan cara menyimpan file javascript dengan ektensi .js dan kemudian menginclude nya pada halaman HTML. Agar lebih spesifik akan kita bahas satu persatu.
MENGGUNAKAN JAVASCRIPT SECARA INTERNAL
Penulisan javascript secara internal adalah dengan cara menyisipkan langsung syntax javascript didalam HTML. jika sobat menggunakan cara ini maka syntax javascriptnya harus sobat letakkan diantara tag <script> pembuka dan tag <script> penutup. Dan meletakkanya bisa didalam tag <head>, dan bisa juga didalam tag <body> Unutk contoh buatlah file HTML untuk mengetahui cara kerja/penulisan javascript secara internal. Bisa file html bisa juga file php. Karena javascript mampu berjalan diantara keduanya. Disini saya hanya membuat file html sebagai contoh. Buatlah file html yang berekentsi  .html disini saya menggunakan nama belajar1.html

 Perhatikan pada contoh diatas. terdapat sebuah element div yang kita beri id  "nama" . Lalu kita berikan sentuhan Javascript  dengan perintah beriku
document.getElementById("nama").innerHTML = "Nama Saya Dzun";

 Document adalah syntax wajib di javascript, dan fungsi getElementById berfungsi untuk memerintahkan mendapatkan element yang memiliki id yang sesuai dengan isi didalam parameter getElementById itu sendiri. Penulisan besar kecil harus diperhatikan. Karena Javascript bersifat case sensitive dan innerHTML berfungsi untuk menuliskan HTML Jadi secara lengkap kita menyerukan untuk menulis "Nama Saya Dzun" di element yang ber id "nama". Jika dijalankan pada web browser hasilnya seperti berikut :

 Dalam penulisan JavaScript juga bisa dilakukan secara external maksudnya Sript dari JavaScript dituliskan di lain halaman dari Index.html seperti halnya dalam Penulisan CSS. contoh :
Index.html
javascript.js
Jadi syntak dari Javascript tinggal di panggil dengan cara :
<script type="text/javascript" src="javascript.js"></script>

 Dan untuk hasilnya pun sama dari sebelumnya.

 KESIMPULAN
Kita dapat menggunakan 2 metode penulisan Javascript yaitu dengan cara internal dan external. metode Internal yaitu dengan cara meletakkan script Javascript di dalam file html. Metode External yaitu dengan cara membuat file javascript sendiri dan kita hubungkan file html tersebut dengan javascript

Referensi : Malas Ngoding

TUTORIAL BELAJAR JAVASCRIPT LAINNYA

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )