记住用户名数据

<input type="text" id="username"><input type="checkbox" id="remember">记住用户名
    <script>
        localStorage.setItem('username', 123)
        var username = document.querySelector('#username')
        var remember = document.querySelector('#remember')
        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')

            }
        })