无法编辑函数内的数组

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