script.js

let btn = document.getElementById("addbtn");
seenote();
btn.addEventListener("click", function (e) {
  let txt = document.getElementById("addtxt");
  let title = document.getElementById("addtitle");

  if ($("#addtitle").val().length <= 5) {
    alert("Title Should be more than 5 chacters");
    return false;
  }
  if ($("#addtxt").val().length <= 5) {
    alert("Description Should be more than 5 chacters");
    return false;
  }

  let R = localStorage.getItem("R");
  console.log(R);
  if (R == null) {
    newObj = [];
  } else {
    newObj = JSON.parse(R);
  }

  let myObj = {
    title: title.value,
    txt: txt.value,
  };
  newObj.push(myObj);
  localStorage.setItem("R", JSON.stringify(newObj));
  txt.value = " ";
  title.value = " ";

  seenote();
});

function seenote() {
  let R = localStorage.getItem("R");
  //console.log(R)
  if (R == null) {
    newObj = [];
  } else {
    newObj = JSON.parse(R);
  }

  html = " ";
  newObj.forEach(function (element, index) {
    html += `  <div class="notecard card" style="width: 18rem;">
        <div class="card-body">
            <h5 class="card-title jsTitle">${element.title} </h5>
            <hr>
            <p class="card-text jsDescription">${element.txt}</p>
            <button href="#" id=${index} onclick='D(this.id)' class="btn btn-primary">DELETE</button>
        </div>
    </div>`;
  });
  let allnote = document.getElementById("allnote");
  if (html != 0) {
    allnote.innerHTML = html;
  } else {
    allnote.innerHTML = "Enter your ToDoList : )";
  }
}

function D(index) {
  let R = localStorage.getItem("R");
  //console.log(R)
  if (R == null) {
    newObj = [];
  } else {
    newObj = JSON.parse(R);
  }
  console.log(newObj, index);
  newObj.splice(index, 1);

  localStorage.setItem("R", JSON.stringify(newObj));
  seenote();
}