删除按钮的onClick之后，我正尝试将其恢复原状，但出现了一个有趣的问题

Question

So i'm using

   tree = document.getElementById("treeButton");
tree.onclick = function() {
      tree.onclick = null;
}

   treeTwo = document.getElementById("treeButtonTwo");
treeTwo.onclick = function() {
      treeTwo.onclick = null;
}

To make sure these buttons (which are actually images with onclicks) can't be clicked. This works just fine and dandy but bringing back the onclick has been tricky!

function clickableTree(){
    tree.onclick = cutTree(1);
    treeTwo.onclick = cutTree(2);
}

The above code brings back the onclicks to the images, which they do terrifically! But when it does this it also calls the function cutTree(number); which is absolutely not what I want to happen. Before I have this fixed by just saying tree.onclick = cutTree; but now there are two trees and the number needs to be there to allow the function to know which tree to take care of.

Is there any way to not get it to call to the function?

Answer 1

Try this out, per my comment above.

tree.onclick = function() { cutTree(1); }
treeTwo.onclick = function() { cutTree(2); }

I think wrapping them in an anonymous function will prevent the immediate call of the function upon reassignment...?