Tambahkan atribut onclick ke elemen javascript

Acara title 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

Using JavaScript, this event can be dynamically added to any element. It supports all HTML elements except , , , , , , , ,
, , and . It means we cannot apply the title event on the given tags.

In HTML, we can use the title 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.

Syntax

Now, we see the syntax of using the title event in HTML and in javascript (without addEventListener() method or by using the addEventListener() method).

In HTML

In JavaScript

In JavaScript by using the addEventListener() method

Let's see how to use title event by using some illustrations. Now, we will see the examples of using the title event in HTML, and in JavaScript.

Example1 - Using title attribute in HTML

In this example, we are using the HTML title 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.

Test it Now

Output

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 Now

Output

Test it Now

Output

On clicking the text Click me, the output will be -

Bagaimana cara menambahkan title ke elemen dalam JavaScript?

Bagaimana Anda menambahkan atribut ke elemen saat klik?

Bagaimana cara menambahkan acara ke elemen JavaScript?

Bisakah suatu elemen memiliki title?