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

css funções html javascript

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

Retornar duas funções em um evento onclick JS

One Answer

Add your own answers!

Related Questions

Como desabilitar o required quando o seu input não estiver visível

Evento onchange do datepicker em HTML5

Programa usando malloc duas vezes

Como ocultar informações sensíveis no Django?

Flexbox deixa as imagens redimensionadas

Posso utilizar um iPhone para testar um app Xamarin?

Alterar posição do elemento com JavaScript

Consumir API REST de um endpoint HTTPS com Angular 10 (CORS)

Como fazer uma rota com mais de 25 pontos no API do Google Maps?

API REST Consultando outra API

Cliente e Servidor socket com Indy

Como passar uma struct alocada dinamicamente para uma função em C?

Qual é a finalidade dos blocos de comandos vazio ou que não pertecem a algum comando?

Como testar exports de um package?

Build de aplicação DOT NET 4.6.1 MVC 5.2.3 com MSBUILD gera mais arquivos que necessários

Somando varios inputs com mesmo id jquery ou javaScript

Solução simples para algoritmo de Fibonacci

“min()” com dois parâmetros

Solr, Lucene e ElasticSearch quais as diferenças? Quando usar um ou outro?

Integrar Form com JavaScript com envio de parâmetros Via GET Theme Avada WordPress

Ask a Question