0

Tenho um botão simples que quando clicado o seu texto muda - e ao clicado novamente volta ao texto anterior. Assim:

<button class="texto">texto 1</button>

<scprit>
    $('.texto').click(function(){
        var $this = $(this);
        $this.toggleClass('texto');
        if($this.hasClass('texto')){
            $this.text('texto 1');          
        } else {
            $this.text('texto 2');
        }
    });
</scprit>

Preciso que fique salvo no localStorage, quando o usuário recarregar a página ainda esteja do ultimo modo como ele clicou. Me ajudem, por favor!

1 Resposta 1

1

Opa, tenta da seguinte forma:

<button class="texto">texto 1</button>

$( document ).ready(function() {
  var savedText = localStorage.getItem('click');

  if(savedText) {
    $('.texto').text(savedText);
  }
});

$('.texto').click(function(){
    var $this = $(this);
    $this.toggleClass('texto');
    if($this.hasClass('texto')){
        $this.text('texto 1');
    } else {
        $this.text('texto 2');
    }
    localStorage.setItem('click', $this.text());
});
4
  • aeee! cara que entende é foda dms hehe. obrigado!! 2/08/2019 às 22:07
  • vi que se eu usar mais de um botão com a mesma classe, ao clicar, muda apenas ela. Porém, todas as outras se salvam no localStorage porque quando recarrego a página todas estão com o mesmo valor daquela uma clicada. vc saberia fazer com que apenas aquela (this) fosse salva? ou seria necessário criar um sisteminha desses pra cada uma? (e eu tenho muuuitos botões com o mesmo efeito, seria terrivel kkkk) 2/08/2019 às 22:35
  • Trabalhe com ID e não com class pra evitar isso, para utilizar o ID no JQuery, utilize o # no lugar do . 2/08/2019 às 22:47
  • o problema é que não pegaria as várias classes que é necessário, teria que fazer uma por uma... 2/08/2019 às 22:58

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 .