Базовые данные в localStorage по умолчанию при посещении страницы

При выборе опций, данные успешно записываются в localStorage. В моём случае это 2 варианта. Вариант 1 и вариант 2. Поэтому, после перезагрузки страницы, последний выбранный вариант сохраняется. Однако, столкнулся с трудностью добавления базовых значений, при условии, что пользователь, ничего не выбрал. Как решить данную задачу? Пытался реализовать через "или" в getItem '||', не получилось.

jQuery(document).ready(function(){
    jQuery('#choose').bind('DOMSubtreeModified', function(){
        var txt = jQuery('#choose').text();
       localStorage.setItem("choose", jQuery('#choose').text());
});
    }); 
document.addEventListener("DOMContentLoaded", function() {
  var ids = ["choose"];
    for (var id of ids) {
    var span = document.getElementById(id);
    span.innerHTML = localStorage.getItem(id);
    (function(id, span) {
      span.addEventListener("change", function() {
        localStorage.setItem(id, span.innerHTML);
      });
    })(id, span);
  } 
});

Пример кода


Ответы (2 шт):

Автор решения: Rafael Seidalinov

Если я правильно понял что требуется, то решение скорее всего будет такое

span.innerHTML = localStorage.getItem(id) || "Вы еще ничего не выбрали";
→ Ссылка
Автор решения: lancho

Получилось! :) Сделал, вот так: span.innerHTML = localStorage.getItem(id)|| document.getElementById("basic").innerHTML;

→ Ссылка