Блог

Я хочу иметь кнопку, которая переключает что-то в локальном хранилище и из него (она нажата один раз, и она добавляет что-то в локальное хранилище, она нажата снова, и это что-то исчезает из локального хранилища). Я хочу сделать что-то вроде кода ниже, но переключить «статус» вместо того, чтобы устанавливать его постоянно.

   function setStatus(statusName) {
    localStorage.setItem('status', statusName);
    document.documentElement.className = statusName;
  }

  (function () {
    if (localStorage.getItem('status')) {
      setStatus(localStorage.getItem('status'))
    }
 

Это код, который я использовал в чем-то несвязанном, и я знаю, что он работает. Однако это устанавливает статус, а не переключает его. Мне интересно, есть ли способ пересмотреть этот код, чтобы он это сделал.

Может быть, использовать Storage.removeItem()?

 function toggleItem(item, value) {
  if (localStorage.getItem(item) {
    localStorage.removeItem(item);
  } else {
    localStorage.setItem(item, value);
  }
}
 

Удовлетворяет ли это вашим требованиям?