Breaking News: Grepper is joining You.com. Read the official announcement!

button click event html

Add Answer

Amateur Developer answered on July 18, 2022 Popularity 10/10 Helpfulness 3/10

answer button click event html

related button click event

button click event html

Comment

-1

HTML File:
<button id="this_is_a_button" name="this_is_a_button" onclick="when_the_button_clicked_func()">Button's text goes here</button>

JS File
function when_the_button_clicked_func(){
	// The events goes here
    alert("Wow! You clicked the button!"); // for example
}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: button click html whatever

Link to this answer
Share Copy Link

Contributed on Jul 18 2022

Amateur Developer

0 Answers Avg Quality 2/10

Closely Related Answers

button click event

Comment

// Cache out buttons container, and all of the panels
const buttons = document.querySelector('.buttons');
const panels = document.querySelectorAll('.panel');

// Add an event listener to the buttons container
buttons.addEventListener('click', handleClick);

// When a child element of `buttons` is clicked
function handleClick(e) {
 
  // Check to see if its a button
  if (e.target.matches('button')) {

    // For every element in the `panels` node list use `classList`
    // to remove the show class
    panels.forEach(panel => panel.classList.remove('show'));

    // "Destructure" the `id` from the button's data set
    const { id } = e.target.dataset;

    // Create a selector that will match the corresponding
    // panel with that id. We're using a template string to
    // help form the selector. Basically it says find me an element
    // with a "panel" class which also has an id that matches the id of
    // the button's data attribute which we just retrieved.
    const selector = `.panel[id="${id}"]`;

    // Select the `div` and, using classList, again add the
    // show class
    document.querySelector(selector).classList.add('show');
  }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 25 2022

Selfish Starling

0 Answers Avg Quality 2/10

button click event html

Contents

More Related Answers

button click event html

Closely Related Answers

button click event

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.