Retornar duas funções em um evento onclick JS

Question

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().

css funções html javascript

JassRiver · Answer

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; } }

Retornar duas funções em um evento onclick JS

One Answer

Add your own answers!

Ask a Question