輸入值的對象，然後該對象推到陣列

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"); 
 

 

 
    <!-- \t 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")

Link to jsfiddle with html and javascript

Answer 1

嘗試設置id或className選擇器在var startBtn = $("send");定義TaskListArray以外的creatTask函數;在創建對象時直接設置值;使用Array.prototype.push()將當前的task對象添加到TaskListArray數組中。

此外，使用window.onload事件，或放置在<script>元件html用於DOM查詢以在documentcreatTask之前加載元件之後被調用或startBtn定義

<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" />