Show Baru belajar Javascript? Table of Contents
..dan masih bingung dengan cara menulis Javascript di HTML? Tenang! Saya akan menjelaskannya. Ada 4 cara menulis kode Javascript pada HTML. Dari keempat cara ini, ada yang biasa dan sering digunakan.. ..ada juga yang ‘aneh’, jarang digunakan sih tapi masih work! Apa saja keempat cara itu? Mari kita bahas: Penulisan kode Javascript menggunakan tag Tag Contoh:
Hasilnya: Mana sih yang lebih baik? ditulis di dalam Kedua cara ini memang sah-sah saja dilakukan, namun ada juga pendapat yang mengatakan:
Penulisan di akhir Karena, jika kita tulis di dalam Jadi, disarankan menulis kode Javascript di dalam Cara kedua, kita bisa menulis Javascript di File yang terpisah dengan HTML. Biasanya digunakan jika kita tidak ingin kode Javascript bercampur dengan kode HTML. Bagaimana caranya? Caranya, buatlah sebuah file yang berekstensi Sebagai contoh, saya akan membuat file eksternal dengan nama Berikut ini isi file
Lalu isi
Hasilnya: Coba kamu perhatikan! Pada kode HTML O ya, perlu diperhatikan juga: Tag
Salah: ❌
Benar: ✅
Lalu gimana jika kode Javascript-nya berada di folder yang berbeda dengan dokumen HTML-nya? Atau Javascriptnya berada di internet? Itu gimana? Untuk kode Javascript yang berada di folder yang berbeda, kita menulisnya mengikuti alamat path foldernya. Misalnya struktur foldernya seperti ini: Karena file
Giaman paham kan? Nah, untuk kode Javascript yang diambil dari internet, kita cukup tuliskan alamat URL dari Javascript tersebut. Contoh:
Penulisan Javascript pada atribut bisanya dilakukan pada atribut event. Contoh:
Pada contoh ini, kita membuat elemen
Nantinya, kode javascript yang ada di dalam atribut Apakah Javascript hanya bisa ditulis pada atribut Atribut Ingat atribut event! Bukan atribut biasa. Jika kamu ingin lihat semua atribut event, silahkan cek di Event Reference. Penulisan atribut event di HTML diawali dengan Contoh lagi biar makin paham:
Pada contoh ini, kita menggunakan event Jadi nantinya saat kita mengetik pada elemen Kode Javascript tersebut berfungsi untuk menampilkan jumlah karakter yang diketik. Hasilnya: 4. Penulisan Javascript pada URLNah ini yang menurut saya cara yang cukup aneh. Cara ini memang jarang digunakan dan hampir tidak ada yang menggunakannya di dalam aplikasi. Tapi tetap bisa. Caranya,
pada URL kita gunakan Contoh:
Ini di ketik pada address bar browser. Maka hasilnya:
Lalu, bagaimana kita menggunakan cara ini di HTML? Cara ini bisa kita gunakan pada tag Contoh:
Hasilnya: Jadi saat link Mirip seperti event Akhir Kata..Nah, itulah 4 cara menulis Javascript di HTML. Cara manakah yang akan kamu gunakan? Menurut saya, cara pertama, kedua, dan ketiga cukup sering dan umum dipakai. Sedangkan cara keempat, tidak saya rekomendasikan untuk digunakan, cukup diketahui saja hehehe. Sekian, terimakasih sudah membaca sampai habis. Selanjutnya silahkan pelajari:
O ya, untuk tutorial Javascript lainnya.. Silahkan cek di 📖 List Tutorial Javascript. Cara membuat JavaScript di HTML secara langsung Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head> di antara <body> Sangat cocok untuk pemula, bukan? Tak hanya itu, JavaScript merupakan alat brilian untuk pemrogram pemula yang ingin memperluas wawasan dan meningkatkan kemampuan mereka pada bahasa lain. JavaScript mendukung keterampilan berharga, seperti fungsional, objek, dan gaya pemrograman imperatif. Bagaimana cara menjalankan JavaScript?Mengaktifkan JavaScript di browser Anda. Buka Chrome di komputer Anda.. Klik. Setelan.. Klik Keamanan dan Privasi.. Klik Setelan situs.. Klik JavaScript.. Pilih Situs dapat menggunakan JavaScript.. Bagaimana cara yang benar untuk menggunakan file JavaScript di HTML?Cara membuat JavaScript di HTML secara langsung
Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head>
Bagaimana Cara Membuat function di JS?Berikut ini contoh cara membuat function di javascript dalam bentu pseudo-code.. function namaFungsi(parameter1, parameter2) { // Kode yang ingin dieksekusi } ... . <html> <head> <script type="text/javascript"> function hitung(p1, p2) { return p1+p2; } console.log(hitung(5,5)); </script> </head> </html>. Manakah script yang digunakan untuk memanggil file JavaScript?Kode JavaScript di input menggunakan tag <script>. Tag <script> akan memberitahu web browser bahwa kode diantara tag tersebut bukanlah HTML, tetapi JavaScript.
|