-2

A minha pergunta é simples, suponha que eu possuo um botão, quando eu clico uma vez nele eu quero que execute uma função como podem ver abaixo:

function ativar() {
  var btn = document.getElementsByTagName("button");
  btn[0].innerHTML="ativado";
}

function desativar() {
  var btn = document.getElementByTagName("button");
  btn[0].innerHTML="desativado";
}
<html>
  <head>
    <title>exemplo</title>
  </head>
  
  <body>
    <button onclick="ativar()">desativado</button>
  </body>
</html>

veja que a segunda função não é usada, ai está o problema, suponha que eu ativei o botão, dando um clique, executou a função ativar(), mas eu quero que quando eu dê um novo clique, ele execute a segunda função desativar().

1 Resposta 1

2

Você pode tentar isso:

var stateButton = false;

function ativar() {
  var btn = document.getElementsByTagName("button");
  if ( stateButton == false ) {
    btn[0].innerHTML="ativado";
    stateButton = true;
  } else {
    btn[0].innerHTML="desativado";
    stateButton = false;
  }
}
  <button onclick="ativar()">desativado</button>

1
  • Valeu, me ajudou muito, infelizmente tem gente que negativa a pergunta sem nem saber o contexto. Commented 19/08/2020 às 23:18

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .