How to make a button that performs 2 events?

Question

How to make a button that performs 2 events?

Navigation

#1 by (4 votes)

0

Hello,

So I would like to know how I can make a button on which when I first click it it changes the contents of a SPAN and at the time I click it it goes back to the old value.

javascript

asked by anonymous 06.07.2017 / 02:39

1 answer

File still in use by Java / How to close file connection Function that changes the string [closed]

score 4 · Accepted Answer

There are several ways you can do this, and usually you do not need to make the button run more than one event.

A simple way is to always keep the next value saved in a variable.

document.getElementById('bt-toggle').addEventListener('click', fnClick);

var proximoValor = 'Teste 2';
function fnClick() {
  var span = document.getElementById('span');
  
  var aux = span.innerText;
  span.innerText = proximoValor;
  proximoValor = aux;
}

<span id="span">Teste 1</span> <br>
<button id="bt-toggle">Toggle</button>