0

Gostaria de saber como posso trocar o texto do botão toda vez que clicar no mesmo, como se fosse um list-group quando clica ele abre e fecha, eu fiz esse código:

function trocarFlecha()
{
  var x = document.getElementById('btnImage').value;
  if (x = "Imagem  ˅") {
    document.getElementById('btnImage').innerHTML = "Imagem  ˂"; 
  } else {
    document.getElementById('btnImage').innerHTML = "Imagem  ˅";
  }
}

E adicionei um onclick="trocarFlecha()" no botão e ele troca apenas uma vez mas eu queria fazer de forma dinâmica, fazendo que toda vez que clique ele altere.

4
  • E qual é o texto que deveria ser exibido no segundo clique?
    – Woss
    Commented 6/09/2018 às 13:17
  • @AndersonCarlosWoss No segundo clique ele voltaria ao texto original, por exemplo se o botão é igual a Imagem e quando clicado ele virá Vídeo, ao clicar de novo no mesmo botão ele vira Imagem novamente
    – Churrozz
    Commented 6/09/2018 às 13:18
  • No seu if, deveria ser x == ..., não apenas x = ....
    – Woss
    Commented 6/09/2018 às 13:25
  • Fiz a troca mas acabou não funcionando nem no primeiro click
    – Churrozz
    Commented 6/09/2018 às 13:29

1 Resposta 1

-2

Troque o = por === em:

if (x = "Imagem ˅") {
    ....
}

EDIT: faça assim,

var cliquei = false;
function trocarFlecha()
{
  var x = document.getElementById('btnImage').value;
  if (cliquei = !cliquei) {
    document.getElementById('btnImage').value = "Imagem  ˂"; 
  } else {
    document.getElementById('btnImage').value = "Imagem  ˅";
  }
}
6
  • Fiz a troca mas acabou não funcionando nem no primeiro click
    – Churrozz
    Commented 6/09/2018 às 13:28
  • Tem dois espaços mesmo entre Imagem e ˅? Commented 6/09/2018 às 13:31
  • Sim, é pra não muito ficar junto
    – Churrozz
    Commented 6/09/2018 às 13:33
  • Editei minha proposta de solução. Commented 6/09/2018 às 13:41
  • Deu certo! Muito obrigado :D
    – Churrozz
    Commented 6/09/2018 às 13:46

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 .