Как пользоваться localStorage?

Question

[ApolloBear]

Всем привет! Не особо разобрался с работой в localStorage.
Есть код, который при клике по тегу с текстом ставит ему якорь(в виде id) и выделяет цветом

function addAnchor() {
		var tag = document.querySelectorAll('.teger');
		for (var i = 0; i < tag.length; i++) {
			tag[i].addEventListener('click', function () {
				for (var i = 0; i < tag.length; i++) {
					tag[i].removeAttribute('id');
				}
				this.setAttribute('id', 'anchor');
			});
		}
	}

Вопрос, как именно этот кусок кода добавить в localStorage, чтобы при перезагрузке страницы id сохранялся у текста.

Comments

[Антон]

Не особо разобрался с работой в localStorage.

Ну так разбиритесь

Answer 1

[Олег Войтенко]

Вот здесь все подробно описано
LINK
нужно записать все в localStorage.setItem('ключ', 'значение') и читать localStorage.getItem('ключ', 'значение')

Comments

[Дмитрий Беляев]

работать конечно будет, но getItem все таки вызывается без значения, он его возвращает

Answer 2

[Никита Кит]

не нужно добавлять кусок кода в localStorage, туда нужно добавить id (setItem). и по загрузке страницы проверять ls на наличие id (getItem), ставить куда надо если есть

Comments

[Иван]

как дела в вью обстоят?)

[Никита Кит]

Иван, с каждым днём всё лучше.
Ну вообще ничего нового, как то я быстро достиг потолка в изучении доков и сейчас просто опыт набираю, ищу лучшие практики разруливания разных кейсов. Недавно нашёл оч классный конфиг сборки, лучший что я видел.
https://github.com/FountainJS/generator-fountain-vue
Оч советую. И вообще советую конфиги, в которых таск-менеджмент отводится на gulp. Сейчас многие любят всё делать вебпаком, но его конфиги (особенно legacy ключи) разрывают мне пукан

[frees2]

применять совместно с history

var i = 0;(function(history){ var pushState = history.pushState;
history.pushState = function(state) { if (typeof history.onpushstate == "function")
{history.onpushstate({state: state});} 
return pushState.apply(history, arguments); }})(window.history);
window.onpopstate = history.onpushstate = function(e){ i++; test=JSON.stringify(e.state);

, ставить вовнутрь,