Acara onclick umumnya terjadi ketika pengguna mengklik suatu elemen. Ini memungkinkan pemrogram untuk menjalankan fungsi JavaScript saat elemen diklik. Acara ini dapat digunakan untuk memvalidasi formulir, pesan peringatan, dan banyak lagi Show
Using JavaScript, this event can be dynamically added to any element. It supports all HTML elements except , , , , , In HTML, we can use the onclick attribute and assign a JavaScript function to it. We can also use the JavaScript's addEventListener() method and pass a click event to it for greater flexibility. SyntaxNow, we see the syntax of using the onclick event in HTML and in javascript (without addEventListener() method or by using the addEventListener() method). In HTMLIn JavaScriptIn JavaScript by using the addEventListener() methodLet's see how to use onclick event by using some illustrations. Now, we will see the examples of using the onclick event in HTML, and in JavaScript. Example1 - Using onclick attribute in HTMLIn this example, we are using the HTML onclick attribute and assigning a JavaScript's function to it. When the user clicks the given button, the corresponding function will get executed, and an alert dialog box will be displayed on the screen. Output After clicking the given button, the output will be - Example2 - Using JavaScriptIn this example, we are using JavaScript's onclick event. Here we are using the onclick event with the paragraph element. When the user clicks on the paragraph element, the corresponding function will get executed, and the text of the paragraph gets changed. On clicking the element, the background color, size, border, and color of the text will also get change. Test it NowOutput After clicking the text Click me, the output will be - Example3 - Using addEventListener() methodIn this example, we are using JavaScript's addEventListener() method to attach a click event to the paragraph element. When the user clicks the paragraph element, the text of the paragraph gets changed. On clicking the paragraph, the background color and font-size of elements will also change. Test it NowOutput On clicking the text Click me, the output will be - Bagaimana cara menambahkan onclick ke elemen dalam JavaScript?Untuk menyetel onclick dengan JavaScript, ada dua pendekatan berbeda, yang pertama adalah menetapkan nilai ke atribut onclick elemen HTML menggunakan JavaScript and the second approach is to explicitly add an event listener on the HTML event which checks for the “click” event.
Bagaimana Anda menambahkan atribut ke elemen saat klik?Pilih elemen. Buka tab setelan elemen . Di dekat bagian bawah, Anda akan menemukan bagian Atribut Khusus . Tambahkan atribut 'whenClicked' , sambil berhati-hati mengeja 'whenClicked' dengan benar, dan masukkan kode yang Anda inginkan ke nilai - apakah itu kode analitik .
Bagaimana cara menambahkan acara ke elemen JavaScript?Cara terbaik untuk menambahkan peristiwa dalam skrip JavaScript adalah addEventListener(). . Atribut pengendali event HTML properti DOM HTML metode addEventListener() HTML DOM Bisakah suatu elemen memiliki onclick?Atribut onclick adalah bagian dari Atribut Acara, dan dapat digunakan pada elemen HTML apa pun . |