将值输入到对象，然后将该对象推送到数组

Question

空心我有一些问题和小问题我有3个输入字段我需要在单击时从中获取值将它们分配给对象并将该对象推入数组有人可以帮助我说在哪里查找信息我正在MDN上搜索，但我找不到正确的主题，示例1）将值输入到对象，然后将该对象推入数组

function $(e) {
  return document.querySelector(e);
}

function $$(e) {
  return document.querySelectorAll(e);
}

var startBtn = $("send");

startBtn.addEventListener('click', creatTask, false);

function creatTask() {

  var addTaskName = $(".task-name"),
    addCategory = $(".category"),
    addTaskSatus = $(".status");


  <!-- 	  task.Taskname = addTaskName.value
  task.Category = addCategory.value
  task.Status = addTaskSatus.value........... ? -- >

    var TaskListArray = [];

  var task = {
    Taskname: undefined,
    Category: undefined,
    Status: undefined
  }
  console.log(task)

}

document.write("message")

使用html和javascript链接到JSFIDLE

Answer 1

尝试设置id或class Name选择器在var starBtn=$（"发送"）；定义TaskListArray外面的creatWG函数；直接在创建任务对象时设置值；使用rray.prototype.push（）将当前任务对象添加到TaskListArray数组。

另外，使用window.onloadevent或place

<script>
  window.onload = function() {
      function $(e) {
        return document.querySelector(e);
      }

      function $$(e) {
        return document.querySelectorAll(e);
      }

      var startBtn = $(".send");

      var TaskListArray = [];

      startBtn.addEventListener('click', creatTask, false);

      function creatTask() {

        var addTaskName = $(".task-name"),
          addCategory = $(".category"),
          addTaskSatus = $(".status");

        var task = {
          Taskname: addTaskName.value,
          Category: addCategory.value,
          Status: addTaskSatus.value
        }

        TaskListArray.push(task)
        console.log(task)

      }
    }
    // document.write("message")
</script>
<input class="task-name" name="task" />
<br>
<input class="category" name="category" />
<br>
<input class="status" name="status" />
<br>
<input type="button" class="send" value="send" />