Untitled

<html>
<head>
</head>
<body>
<input id="myInput">
<button class="addBtn">Add</button>
<ul id="myUL">
</ul>

<script>
  let input = document.querySelector('#myInput');
  const addbtn = document.querySelector('.addBtn');
  const UL = document.querySelector('#myUL');
  const close = document.querySelector('.close');

  let tasksCount = 0; // for unique identifiers

  function addTodoValue() {
  if (!input.value.trim()) {
  alert('Enter required field');
  return false;
  }
  let record = localStorage.getItem('todo');
  if (!record) {
  let todoList = [];
  recordObj = {
  "todoName": input.value
  };
  todoList.push(recordObj)
  localStorage.setItem('todo', JSON.stringify(todoList));
  }
   else {
  recordObj = {
  "todoName": input.value
  };

  result = localStorage.getItem('todo');
  result = JSON.parse(result)
  result.push(recordObj);
  localStorage.setItem('todo', JSON.stringify(result));
  }
  input.value = '';
  } // End of add function


  //Eventlistener to add Todo to localStorage
  addbtn.addEventListener("click", e => {
  let text = input;
   {
  addTodoValue(text);
  input.value = "";
  }

  });


</script>
</body>
</html>