Como Colocar If e else Em Um Onclick?

Q: Como Colocar If e else Em Um Onclick?

Segue exemplo bastante simples usando data attributes: <script> function toggleColor(event) { const btn = event.target; const actualColor = btn.dataset.color; btn.dataset.color = actualColor === 'blue' ? 'green' : 'blue'; btn.style["background-color"] = btn.dataset.color; } </script> <button onclick="toggleColor(event)">Clique aqui</button>

7 de abril de 2021 1 resposta Resolvido

nick1 7 de abril de 2021

Olá Gostaria de Saber Como Colocar Um If e else em um onclick exemplo:
Eu Tenho um Botão:<button onclick="função()" style="Background-color=""blue">Clique aqui</button>
caso a pessoa clique ele fique verde ai se o usuário clique de novo ele fique azul novamente, Como posso colocar isso dentro de um If e Else?

1 Resposta

Solucao aceita

Lucas_Camara 7 de abr. de 2021

Segue exemplo bastante simples usando data attributes:

<script>
	function toggleColor(event) {
		const btn = event.target;
		const actualColor = btn.dataset.color;
		btn.dataset.color = actualColor === 'blue' ? 'green' : 'blue';
		btn.style["background-color"] = btn.dataset.color;
	}
</script>

<button onclick="toggleColor(event)">Clique aqui</button>

Criado 7 de abril de 2021

Ultima resposta 7 de abr. de 2021

Respostas 1

Participantes 2

1 Resposta

Topicos relacionados