無法編輯函數內的數組

Question

我試圖將一個元素（push）添加到函數內的全局數組中，但沒有運氣。如果這個功能有幫助，該功能將被addEventListener()調用。

var cars = ["Saab", "Volvo", "BMW"]; 
function addInfo(){ 
    cars.push(document.getElementById("new_car").value); 
} 

//add listener 
document.getElementsByClassName("add")[0].addEventListener("click", addInfo()); 

這是導致錯誤：

Uncaught SyntaxError: Unexpected identifier 

我怎麼能存儲所有新提交的項目，以保持一個流水賬？

Answer 1

addEventListener expects second argument(listener) as function-expression ,

var cars = ["Saab", "Volvo", "BMW"]; 
 

 
function addInfo() { 
 
    var elem = document.getElementById("new_car"); 
 
    cars.push(elem.value); 
 
    elem.value = ''; 
 
    elem.focus(); 
 
    console.log(cars); 
 
} 
 
document.getElementsByClassName("add")[0].addEventListener("click", addInfo);

<input type="text" id="new_car" autofocus> 
 
<br> 
 
<br> 
 
<input type="button" value="Add" class="add">