如何使用html和Js存储用户选择

// 存储用户选择
document.cookie = "selection=option1";

// 获取用户选择
var selection = document.cookie.replace(/(?:(?:^|.*;\s*)selection\s*\=\s*([^;]*).*$)|^.*$/, "$1");

// 存储用户选择
localStorage.setItem("selection", "option1");

// 获取用户选择
var selection = localStorage.getItem("selection");

// 打开或创建数据库
var request = indexedDB.open("myDatabase", 1);

// 创建对象存储空间
request.onupgradeneeded = function(event) {
  var db = event.target.result;
  var objectStore = db.createObjectStore("selections", { keyPath: "id" });
};

// 存储用户选择
request.onsuccess = function(event) {
  var db = event.target.result;
  var transaction = db.transaction(["selections"], "readwrite");
  var objectStore = transaction.objectStore("selections");
  objectStore.add({ id: 1, selection: "option1" });
};

// 获取用户选择
request.onsuccess = function(event) {
  var db = event.target.result;
  var transaction = db.transaction(["selections"], "readonly");
  var objectStore = transaction.objectStore("selections");
  var request = objectStore.get(1);
  request.onsuccess = function(event) {
    var selection = event.target.result.selection;
  };
};