Pengenalan JavaScript
3. JS ( JavaScript )
Apa itu JavaScript ?- JavaScript adalah bahasa pemrograman HTML dan Web.
- Coding javascript membuat komputer melakukan apa yang Anda ingin mereka lakukan.
- Javascript membuat komputer client tidak perlu mendownload konten dengan refresh halaman web.
- JavaScript sering digunakan untuk membuat polling dan kuis.
Fungsi JavaScript ?
- Efisiensi waktu loading, yaitu Client tanpa harus menunggu response dari Server
- Berguna untuk Submit, Login, Form, Polling, tanpa harus menunggu loading lagi
JavaScript biasanya di ketik dengan ruang lingkup tag <script> dan </script>, ini untuk bagian Internal.
Sedangkan yang di luar / Eksternal, kalian ngga perlu mengetik tag <script> itu, cukup langsung ketik saja JavaScript yang di inginkan.
Contoh :
<script> function myFunction() { document.getElementById("demo").innerHTML ="pasti pintar :D"; } </script>
Untuk penempatan nya JavaScript dibagi menjadi 2, yaitu :
- Internal JavaScript ( diketik dalam file/dokumen HTML, tentunya di save dengan ekstensi ( .html ) )
- External JavaScript ( diketik tersendiri di luar file/dokumen HTML dan di save dengan ekstensi ( .js ) )
Nih ada contoh penempatan Internal JavaScript / dalam dokumen HTML, biasanya sih saya meletakkan nya di bagian tag <body> , di paling bawah setelah semua dokumen HTML sudah selesai.
Contoh :
<!DOCTYPE html> <html> <head> </head> <body> <h1>Internal JavaScript (tag "body")</h1> <p id="demo">yang baca ini</p> <button type="button" onclick="myFunction()">Coba klik dan lihat</button> <script> function myFunction() { document.getElementById("demo").innerHTML ="pasti pintar :D"; } </script> </body> </html>
Ketik dan save file di atas dengan format ".html" , karena scripts di ketik di dalam dokumen HTML.
Sekarang yang bagian Eksternal nya
Contoh :
function myFunction() { document.getElementById("demo").innerHTML ="pasti pintar :D"; }
Cukup kaya gitu aja kalian ngetik nya, ga perlu lagi pake tag <script> dan </script>
Lalu kalian save dengan format JavaScript, bukan HTML lagi, yaitu ( .js ) , ga usah pake tanda kurung nya, contoh : myscript.js
Terus kalian hanya tinggal sedikit me-modifikasi file HTML yang sudah ada, jadi seperti ini :
<!DOCTYPE html> <html> <body> <script src="myscript.js"></script> </body> </html>
Terserah kalian mau menyisipkan source/lokasi file nya dimana, yang penting bukan diluar tag <html> aja, itu ga akan bekerja.
Dan saya biasanya menyisipkan pada tag <body> seperti di atas.
Ya, sekian dulu penjelasan dari saya, semoga bermanfaat !
Sampai membaca di postingan berikutnya.
Comments
Post a Comment