Bagaimana Anda memanggil fungsi dalam html?

Tidaklah sulit untuk memanggil fungsi JavaScript di HTML menggunakan berbagai cara atau metode di JavaScript. Menggunakan HTML dan JavaScript, pengembang web dapat menyusun halaman web dengan berbagai fitur dan atribut. Juga, HTML dan CSS dapat menyusun halaman dan menyediakan halaman web dengan tampilan yang menarik dan responsif. Kita akan mempelajari cara menggunakan HTML dengan JavaScript untuk memanggil fungsi JS dari artikel ini

Apa perlunya JavaScript untuk memanggil fungsi dalam HTML?

JavaScript memungkinkan pengembang memberikan tampilan interaktif pada halaman web bagi pengguna dan memandu mereka ke informasi yang benar, sementara pengguna dapat menggunakan CSS iklan HTML untuk memberi gaya dan menambahkan struktur yang baik ke halaman web mereka

Selain itu, pengguna dapat menggunakan fungsi JavaScript untuk membuat situs web menggunakan HTML yang merespons aktivitas pengguna sehari-hari seperti menekan tombol, mengklik, memuat ulang halaman, dan mengarahkan mouse. Itu sebabnya hampir setiap pengembang web lebih suka menggunakan HTML dan JavaScript dan memanggil fungsi JavaScript di HTML

Ada berbagai cara untuk membuat file HTML dan memanggil fungsi JavaScript di HTML. Artikel ini akan membahas di bawah ini

Metode 1. Menggunakan Tag Skrip

Cuplikan Kode

Jalankan Cuplikan Kode

Metode 2. Menggunakan atribut acara HTML seperti onClick(), onBlur(), onSubmit()

Dalam metode ini, pengguna terlebih dahulu membuat tombol menggunakan tag input. Setelah mereka membuat tombol HTML, browser akan menampilkan tombol tersebut di layar, dan dengan mengklik tombol tersebut, pengguna dapat melihat kotak dialog yang muncul di layar pengguna yang telah dideklarasikan oleh pengembang dalam fungsi JavaScript func() dengan

Fungsi clickEvent() memungkinkan mereka mengeksekusi alert() ketika tombol diklik dengan menggunakan metode onclick()

Beberapa Atribut Acara yang berguna

• onblur
• dalam perubahan
• onsubmit
• onkeydown
• onclick
• ondblclick
• onmouseover

untuk daftar lengkap Atribut Acara HTML klik di sini

Cuplikan Kode

How to call a JavaScript function in HTML?




 Click the button below to get a notification from the website and see the action 
  

Jalankan Cuplikan Kode

Penjelasan

Dalam program yang disebutkan di atas, kami telah membuat dokumen HTML sederhana. Di dalam bagian kepala dokumen HTML, di dalam tag skrip "" kami telah menggunakan fungsi yang ditentukan pengguna yang disebut func(). Kita dapat membuat link atau tombol dan menggunakan event onclick() yang terkait dengannya untuk memanggil fungsi "func".

Kami telah menggunakan atribut onclick dan menampilkan tombol untuk memanggil fungsi tersebut. Saat pengguna mengklik tombol yang diberikan, browser menjalankan fungsi dan menampilkan pesan peringatan, seperti yang ditampilkan di konsol keluaran

Metode 3. Menggunakan atribut href dari tag jangkar

Cuplikan Kode

How to call a JavaScript function in HTML?




Click here to call JavaScript function

Jalankan Cuplikan Kode

Metode 4. Menggunakan file eksternal untuk memanggil fungsi dalam HTML

Di sini, kami menggunakan metode kedua untuk memanggil fungsi JavaScript di HTML. Metode ini melibatkan file eksternal (. js), dan kami memanggil fungsi JS dalam HTML melalui file eksternal itu

Untuk membuat file JavaScript eksternal, kita perlu mendefinisikan fungsi kita di dalamnya dan menyimpan file dengan ". js" ekstensi. Mari kita pahami cara kerjanya dengan contoh yang diberikan di bawah ini

Cuplikan Kode

How to call a JavaScript function in HTML?




 Click here (button) below to call the function 

File JavaScript Eksternal

function function_name() {
  document.write("Hey, here we called the JavaScript function in HTML");
}

Jalankan Cuplikan Kode

Penjelasan

Dalam cuplikan kode di atas, pertama-tama kita membuat file JavaScript eksternal. Di dalam file, kami mendefinisikan fungsi dan menyimpannya dengan ekstensi file ". js. " Setelah membuat file JavaScript, kami membuat dokumen HTML sederhana dan menautkan file JavaScript sebelumnya menggunakan

Karena kita telah menyimpan dokumen HTML dan file JavaScript di dalam folder yang sama, kita harus menamai file JavaScript di atribut "src" daripada menambahkan path lengkap di bagian head

Kemudian kami menggunakan tag untuk menampilkan beberapa teks menggunakan tombol. Terakhir, kami menggunakan atribut onclick dengan tombol untuk memanggil fungsi JavaScript, dan saat pengguna mengklik tombol, browser memanggil fungsi JS dan menampilkan pesan peringatan, seperti yang ditunjukkan di konsol keluaran

Kesimpulan

Kami harap artikel ini memberikan ide tentang cara memanggil fungsi JavaScript di HTML. Selain itu, artikel ini menambah beberapa keuntungan dan kebutuhan untuk menggunakan HTML dengan JavaScript untuk mengembangkan halaman web. Artikel ini secara singkat menjelaskan kedua metode yang disebutkan di atas dengan masing-masing cuplikan kode tentang bagaimana kita dapat menjalankan fungsi dalam HTML

Bisakah saya memanggil fungsi di dalam HTML?

Bagaimana Anda memanggil fungsi dalam tag skrip?

Bagaimana cara memanggil fungsi tanpa klik di HTML?

Bagaimana Anda memanggil fungsi di dalam div dalam HTML?