javascript button event code example

Example 1: javascript onclick

document.getElementById("myBtn").addEventListener("click", function() {
  alert("Hello World!");
});

Example 2: how to add onclick event in javascript

var element = document.getElementById("elem");
element.onclick = function(event) {
  console.log(event);
}

Example 3: javascript click event

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Example 4: button event

import java.awt.*;// import functions 
import java.awt.event.*;

public class buttonevent extends Frame implements ActionListener {
    int num;
    Button b1;
    TextField t1;

    public buttonevent() {//constructor
        setLayout(new FlowLayout());

        b1 = new Button("click me");//button named "click me" is created.
        t1 = new TextField(20);

        add(b1);//that button is added to the frame by add function.
        add(t1);

        b1.addActionListener(this);

    }

    public void actionPerformed(ActionEvent ae) {//event function
        String cmd = ae.getActionCommand();
        if (num == 0) {
            System.out.println(cmd);
        }
        if (cmd.equals("click me")) {
            num++;
        }
        if ((num % 2) != 0) {
            t1.setText("Hello Buddy!");
        }
        if ((num % 2) == 0) {
            t1.setText(" ");
            System.out.println(num);
        }
    }

    public static void main(String args[]) {//main function
        buttonevent ob = new buttonevent();
        ob.setSize(500, 500);
        ob.setVisible(true);
        ob.setTitle("button Event Handling");
    }
}