TransWikia.com

Retornar duas funções em um evento onclick JS

Stack Overflow em Português Asked by Anderson Leandro on August 24, 2020

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

One 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;
  }
}
  <button onclick="ativar()">desativado</button>

Answered by JassRiver on August 24, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP