Как сохранить в localstorage а не в кукисы?

Question

[partyzanx]

$(function(){
	$(document).on('click', '.btn', function(){
  	var	self = $(this),
    		messageClass = $(this).data('exp'),
        messageEl = $('.'+messageClass);

      messageEl.toggle();
    
      var isVisible = messageEl.is(':visible');
      
      self.text(self.data('mess')[+isVisible]);
      
     	/*записываем в cookie или localstorage текущий
      ** Класс messageClass
      ** Состояние isVisible
      */
      Cookies.set(messageClass, isVisible);
  })
  
  $('.btn').each(function(){
  		var self = $(this),
      		messageClass = self.data('exp');

          ((Cookies.get(messageClass) || false) == 'false') && self.click();
  })
})

<button id="explanation-btn" class="btn" data-exp="explation-1" data-mess='["✖ explanation hidden","✓ explanation shown"]'>✓ explanation shown</button>

<span class="explanation explation-1">объяснение к примеру 1</span>

<button id="explanation-btn" class="btn" data-exp="explation-2" data-mess='["✖ explanation hidden","✓ explanation shown"]'>✓ explanation shown</button>

<span class="explanation explation-2">объяснение к примеру 2</span>

Данный скрипт сохраняет в кукисы, что прописать, чтобы сохранять в localstorage?

Answer 1

[KazeZlat]

setItem
getItem

Cookies.set(messageClass, isVisible); => localStorage.setItem(messageClass, isVisible);

(Cookies.get(messageClass) || false) == 'false' => localStorage.getItem(messageClass) != "true"

Comments

[partyzanx]

$(function(){
	$(document).on('click', '.btn', function(){
  	var	self = $(this),
    		messageClass = $(this).data('exp'),
        messageEl = $('.'+messageClass);

      messageEl.toggle();
    
      var isVisible = messageEl.is(':visible');
      
      self.text(self.data('mess')[+isVisible]);
      
     	/*записываем в cookie или localstorage текущий
      ** Класс messageClass
      ** Состояние isVisible
      */
      localStorage.setItem(messageClass, isVisible);
  })
  
  $('.btn').each(function(){
  		var self = $(this),
      		messageClass = self.data('exp');

          ((localStorage.getItem(messageClass) == null)) && self.click();
  })
})

Что-то не работает)

[KazeZlat]

partyzanx, == null на != "true" замените, я забыл про false

[partyzanx]

KazeZlat, спасибо!)

Answer 2

[Виталий]

localStorage.setItem('item', value);

Comments

[partyzanx]

куда воткнуть, что удалить? Подскажите, пожалуйста

[Виталий]

partyzanx, я написал как делается запись в хранилище, как это использовать решать тебе, если нужен код, это к фрилансерам

[Andrey Perov]

partyzanx, Вам же все написали, документацию хотя бы откройте для начала

[Виталий]

Andrey Perov, зачем, когда народ все разжует и запихнет )