localStorage存储案例

输入文本存储本地，如果文本框内部有内容，复选框选中 则关闭页面重新打开会显示已有内容，如果重新输入内容且选中文本框则会保存本地 下次打开依然显示重新输入的内容，如果不选中复选框则打开不会显示

• 创建文本框

  <input type="text" id="username">
  <input type="checkbox" name="" id="remember">
  记住用户名

var username = document.querySelector('#username');
    var remember = document.querySelector('#remember');
    //判断localStorage里面是否有数据，如果有就取出放在文本框内 同时复选框选中
    if (localStorage.getItem('username')) {
      username.value = localStorage.getItem('username');
      remember.checked = true;
    }
    //如果复选框发生改变（选中或者不选中）如果选中就存起来  如果不选中就不存起来
    remember.addEventListener('change', function () {
      if (this.checked) {
        localStorage.setItem('username', username.value)
      } else {
        localStorage.removeItem('username')
      }
    })