使用事件监听器将p附加到div中

Question

嗨，我正在做一个小任务板项目，每次执行onclick时，我都会得到一个<p>，其中包含变量（文本，日期和时间），我设计了一个已将所有CSS样式应用于其的div。我在“追加子级”部分感到很傻，无法让他们一起工作。我的目标是将<p>放在“注释”上。

function addTask() {
  var input = document.getElementById("toDo").value;
  var date = document.getElementById("dueByDate").value;
  var time = document.getElementById("dueByTime").value;

  var p = {};
  p.toDo = input;
  p.dueByDate = date;
  p.dueByTime = time;

  tasks.MyTask.push(p); // add object to array

  document.getElementById("res").innerHTML = JSON.stringify(tasks);

  localStorage.setItem("myList", JSON.stringify(tasks)) // save json to local storage;

  var div = document.getElementById("myDIV");
  var myP = document.createElement("p");
  myDIV.appendChild(myP);
  document.getElementById("myDIV").appendChild(p);
}