<脚本>
获取dom节点
const time = document.querySelector（'#time'）;
const add = document.querySelector（'#add'）;
const work = document.querySelector（'#work'）;
const text = document.querySelector（'#text'）;
const ul1 = document.querySelector（'#ul1'）;
const ul2 = document.querySelector（'#ul2'）;
const lis = document.querySelectorAll（'li'）;
const ipt = document.querySelector（'input'）;
const laji = document.querySelector（'.laji'）;
const wanBtn = document.querySelector（'#wanBtn'）;
const set = document.querySelector（'#set'）;
const xuan = document.querySelector（'.xuan'）;
封装星期
函数 getWeekDate（time = new Date（）） {
let weeks = new Array（“星期日”， “星期一”， “星期二”， “星期三”， “星期四”， “星期五”， “星期六”）
let date = new Date（time）;
let day = date.getDay（）;
返回周[天];
};
封装日期
函数 getMD（sep = “月”） {
let date = new Date（）;
设 m = date.getMonth（） + 1;
设 d = date.getDay（） + 8;
返回 [m， d].join（sep）;
};
将日期和星期渲染到time盒子里
time.textContent = getMD（） + “日” + “ ” + getWeekDate（）;
给add盒子添加点击事件
add.addEventListener（'click'， function （） {
bianji.style.display = “block”;
});
let html=“”;
var arr=JSON.parse（localStorage.getItem（“history”））||[];
var arr = [];
wanBtn.addEventListener（'click'， function （） {
var li = document.createElement（'li'）;
ul1.innerHTML += ' <li>
<输入类型=“复选框” 类=“璇”>
<div id=“text”>${set.value}</div>
<span class=“iconfont icon-lajitong laji”></span>
</李>
`;
将输入的内容添加到本地储存
let iptVal = set.value;
arr.push（iptVal）;
let arrStr = JSON.stringify（arr）;
localStorage.setItem（'history'， arrStr）;
将输入框隐藏
bianji.style.display = “none”;
});
ul1.addEventListener（'click'， function （e） {
if （e.target.className == “iconfont icon-lajitong laji”） {
ul1.removeChild（e.target.parentNode）;
控制台.log（11）;
let iptVal =e.target.previousElementSibling.textContent;
arr.push（iptVal）;
let arrStr = JSON.stringify（arr）;
localStorage.removeItem（'history'， iptVal）;
} else if （e.target.className == “xuan”） {
if （e.target.style.checked = “true”） {
ul1.removeChild（e.target.parentNode）;
ul2.appendChild（e.target.parentNode）;
}
}
});
ul2.addEventListener（'click'， function （e） {
if （e.target.className == “iconfont icon-lajitong laji”） {
ul2.removeChild（e.target.parentNode）;
控制台.log（11）;
let iptVal =e.target.previousElementSibling.textContent;
arr.push（iptVal）;
let arrStr = JSON.stringify（arr）;
localStorage.removeItem（'history'， iptVal）;
} else if （e.target.className == “xuan”） {
if （e.target.style.checked = “false”） {
ul2.removeChild（e.target.parentNode）;
ul1.appendChild（e.target.parentNode）;
}
}
});
</脚本>
|
|
|
|
