Question

我在这里有这个按钮：

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

当我点击它时，它给了我一个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;
}

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

1 个答案: