如何动态更改 onclick 函数的参数

Question

我这里有这个按钮：

<button onclick="cookieClick(1)">Click Me!</button> 

当我点击它时，它会给我 1 个 cookie。

function cookieClick(number){
  cookies = cookies + number;
  document.getElementById("cookies").innerHTML = cookies;
}

这是我用来让它工作的函数。

现在这是我的问题：当我想增加cookie 的数量时，每次点击都会获得，但我不知道该怎么做。这是我认为最接近应有的样子：

function upgrade(){
  if(cookies >= 100){
    document.getElementById("cookieClicker(1)").innerHTML * 2 = cookieClicker();
  }
}

但我猜这不太对，因为它不起作用。

Answer 1

试试这个：

<button id="cookie-clicker" type="button">Click Me!</button>

var numCookies = 0,
    cookiesPerClick = 1,
    clicker = document.getElementById("cookie-clicker"),
    cookies = document.getElementById("cookies");
clicker.addEventListener('click', cookieClick);
function cookieClick(){
    numCookies += cookiesPerClick;
    cookies.textContent = numCookies;
}
function upgrade(){
    cookiesPerClick *= 2;
}