How to call two functions in javascipt using "button_name".onclick

Question

I have a made a result button in index.html

<button id="result">results</button>

Now I want to call two functions by just one button click. My index.js file is :

const resultButton = document.getElementById("result");
resultButton.onclick = reset;
resultButton.onclick = results;

I've observed that only the second functions executes while the first one doesn't

`resultButton.onclick = function() {reset();results()}` – PM 77-1 Aug 08 '22 at 21:56 — PM 77-1, Aug 08 '22 at 21:56

score 0 · Accepted Answer · answered Aug 08 '22 at 21:55

Call both functions in the function assigned to the listener.

const resultButton = document.querySelector('#result');
resultButton.addEventListener('click', handleClick);

function handleClick() {
  reset();
  results();
}

function reset() {
  console.log('reset');
}

function results() {
  console.log('results');
}

<button id="result">results</button>

How to call two functions in javascipt using "button_name".onclick

1 Answers1