Answers for "javascript button events"

2

javascript inline onclick get event

<div onclick="doSomething(event,this)"></div>
<script>
     function doSomething(e,el){
         e = e || window.event;
         console.log(e); //will be the event
         console.log(el); //we be the dom element 
     }
</script>
Posted by: Guest on November-30-2020
9

javascript click event

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

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

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Posted by: Guest on April-10-2020
0

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");
    }
}
Posted by: Guest on May-20-2021

Browse Popular Code Answers by Language