Cara menggunakan javascript html

Dalam tutorial ini kita akan membahas bagaimana menghubungkan JavaScript ke HTML. Sebelumnya kita sudah membahas tentang pengenalan dan pengertian javascript untuk pengembangan website

Bagaimana Cara Menautkan JavaScript?

Untuk menautkan javascript Anda dapat menggunakan tag

Contoh Kode


    
    Contoh JavaScript
    
    
    

Keluaran Kode

Cara menggunakan javascript html

Pada contoh javascript lama menggunakan atribut dengan tipe.

JavaScript di kepala

Halo bro

Klik disini

Keluaran Kode
Sebelum mengklik

Cara menggunakan javascript html

Setelah mengklik

Cara menggunakan javascript html

2. Menautkan JavaScript aktif

Anda dapat menempatkan fungsi JavaScript di bagian halaman HTML. Menempatkan kode di bagian bawah elemen akan meningkatkan kecepatan tampilan, karena kompilasi kode akan memperlambatnya. Berikut adalah kode untuk memanggil fungsi pada body

Contoh Kode



JavaScript pada bagian Body

Contoh Paragraf

Klik Disini
_

Keluaran Kode

Sebelum mengklik

Cara menggunakan javascript html

Setelah mengklik

Cara menggunakan javascript html

3. Menggunakan Eksternal JavaScript

Jika menggunakan file JavaScript eksternal tentu akan lebih praktis, karena bisa digunakan untuk halaman website yang berbeda. File JavaScript memiliki ekstensi. js. Untuk menggunakan kode eksternal, masukkan nama file kode di atribut src(source) dari tag

File Kode Eksternal. myScript. js

function coba_function() {
document.getElementById("demo").innerHTML = "Tulisan Berubah.. hehe";
}

Contoh Kode




Penggunaan Eksternal JavaScript

Ini Tulisan

Coba Klik

File "myScript.js" menyimpan function dari coba_function

Keluaran Kode

Sebelum mengklik

Cara menggunakan javascript html

Setelah mengklik

Cara menggunakan javascript html

Apa manfaat menggunakan JavaScript Eksternal…?

Menempatkan file javascript secara eksternal memiliki beberapa keuntungan
- Mudah untuk membaca dan mengedit file HTML dan JavaScript
– Pisahkan kode dan HTML
- Penggunaan cache JavaScript dapat mempercepat loading halaman website


Bagaimana cara Menambahkan beberapa file kode dalam satu halaman…?

Untuk menambahkan lebih dari satu file javascript bisa ditulis langsung seperti



Bagaimana Cara Memanggil File dari Luar Website...?

Anda dapat memanggil javascript secara default di folder dengan halaman HTML

Contoh

Anda juga dapat memanggil dari direktori folder yang lebih dalam dengan metode ini

Selain itu, Anda juga bisa memanggil javascript dari luar website (misalnya menggunakan CDN) dengan menggunakan kode

www. domain. com. penyedia file JavaScript eksternal

Itulah tutorial pemrograman JavaScript tentang cara menghubungkan Javascript ke website. Selanjutnya kita akan membahas penggunaan JavaScript Output. Semoga tutorial ini bermanfaat, terima kasih

Coding JavaScript ditulis di dalam elemen script. Elemen script dibuka memakai tag .

Tutorial sebelumnya. Memahami JavaScript

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
_

Jalankan Contoh

Tag skrip memiliki atribut tipe. Atribut type tidak wajib ditulis, sifatnya hanya opsional. Cara umum penulisan atribut tipe adalah

Ada tiga opsi untuk lokasi pengkodean JavaScript, pertama di elemen kepala, kedua di elemen tubuh, dan ketiga sebagai file eksternal terpisah

JavaScript Di Elemen Kepala

Coding JavaScript dapat diletakkan di dalam elemen head. Tag

JavaScript Di Elemen Tubuh

Coding JavaScript dapat diletakkan di dalam elemen body. Tag