オブジェクトへの入力値とそのオブジェクトの配列へのプッシュ

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")に設定してみてください。 creatTaskの外にTaskListArrayを定義する; taskオブジェクトの作成時に値を直接設定します。 Array.prototype.push()を使用して、taskオブジェクトをTaskListArrayアレイに追加します。

はまた、window.onloadイベントを使用するか、またはcreatTask前documentにロードするDOMで照会要素についてhtml内の要素の後に<script>を置くと呼ばれたり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" />