Javascript Mudar palavra ao clicar na mesma palavra. Javascript

[gramosiri]

Oi, dei uma procurada em alguns scripts, porém não consegui achar nenhum que faça o que estou precisando, não achei nem no W3School.

Porém parece ser bem simples, clicar em uma palavra e ela mudar para outra palavra e ao clicar novamente mudar para o formato original. Por exemplo, Palavra1 ao clicar vira Palavra2 e ao clicar em Palavra2 vira Palavra1, nesse loop ai rsrs.

 

<a href="#palavra" id="palavra" onclick='document.getElementById("palavra").innerHTML = "Palavra2"'>Palavra1</a>

 

Este exemplo ele só muda uma vez...

[DiF]

@gramosiri Podes fazer com o jQuery que fica bem fácil.

 

<p class="trocar">Palavra 1</p>

$(document).ready(function(){
   $(".trocar").on("click", function(){
      $(this).text($(this).text() == 'Palavra 1' ? 'Palavra 2' : 'Palavra 1');
   });
});

Veja funcionando: https://jsfiddle.net/dife/9k62qr01/5/

[gramosiri]

@DiF Obrigado, achei um exemplo aqui também depois utilizando operador ternário rsrs:

 

<a href="#palavra" id="palavra" onclick='document.getElementById("palavra").innerHTML=(document.getElementById("palavra").innerHTML == "Palavra1") ? "Palavra2" : "Palavra1";'>Palavra1</a>