<html>
<body>
<center>
<h1>
To do list
</h1>
<input id="gh" type="date">
<input type="text" placeholder="Enter your list" id="a">
<button onclick="hi()">
Submit
</button>
<div>
</div>
<input type="text" placeholder="Remove done list" id="c">
<button onclick="bye()">
Confirm
</button>
<div>
</div>
<p id="b">
</p>
</center>
<script>
function hi(){
let a = document.getElementById("a").value
let bbb = document.getElementById("gh").value
localStorage.setItem(a, a)
document.getElementById("b").innerHTML += "Finish this task by: " +bbb+"<br>"+ a + "<br>"
document.getElementById("a").value = ""
}
function bye(){
let c = document.getElementById("c").value.trim()
let minusoutdata = localStorage.getItem(c)
if(minusoutdata != null){
let regex = new RegExp("\\b" + minusoutdata + "\\b", "gi");
document.getElementById("b").innerText = minusoutdata.replace(regex, "").replace(/\s+/g, " ").trim();
document.getElementById("c").value = ""
console.log("deleted:" + c)
}
else{
document.getElementById("b").innerHTML += "No to-do list found" + "<br>"
}
}
</script>
</body>
</html>