Olá,
Então eu gostaria de saber como eu posso fazer um botão no qual ao clicar pela primeira vez ele altera o conteúdo de um SPAN e na hora que eu clicar novamente ele volta para o valor antigo.
Olá,
Então eu gostaria de saber como eu posso fazer um botão no qual ao clicar pela primeira vez ele altera o conteúdo de um SPAN e na hora que eu clicar novamente ele volta para o valor antigo.
Tem várias formas de se fazer isso e, normalmente, não será necessário fazer o botão executar mais de um evento.
Uma forma simples, é sempre manter o próximo valor salvo numa variável.
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>