LocalStorage - добавьте класс в учебник с щелчком div

Question

У меня есть два div и мне нужно добавить класс к одному из них, когда пользователь нажмет на него, и мне нужно использовать LocalStorage, чтобы класс был включен в один и тот же div, когда пользователь снова откроет страницу.

Я не нашел учебник. Вы, ребята, знаете какой-либо учебник или пример, как я могу его создать? Благодарю.

$(document).ready(function(){ 
$('#divName').on('click', function(){ 
window.localStorage.setItem('dados',$("#divName").addClass('borda')); 

}); 
if(localStorage.getItem('dados')){ 
    $("#divName").addClass('borda'); 
} 
}) 

Это сработало для меня. Спасибо вам, ребята :)

Answer 1

Вот код для вставки на что-то LocalStorage по щелчку:

$('#yourDiv').on('click', function(){ 

    window.localStorage.setItem('your key name', 'your classname'); 

}); 

И тогда, когда пользователь открывает страницу снова, Херес код, чтобы извлечь ключ на локальном хранилище:

var className = JSON.parse(window.localStorage.getItem('your key name')); 
$('#yourDiv').addClass(className); 

Answer 2

Как только пользователь нажмет на один div магазин своего класса в localstorage.

Вы можете сделать это, установив имя класса в первый раз, как показано ниже

localStorage.clasondiv1 = "classname"; 

Также на window.load или jquery.ready (при использовании JQuery), вы можете проверить, существует ли класс в localstorage, если да, то установите класс в div.

вы можете использовать store.js который обеспечивает обертку поверх localStorage.

https://github.com/marcuswestin/store.js