课程作业中Button Array功能异常：点击次数统计不符问题求助

Hey there! Let's figure out why your button click counts aren't matching up with actual clicks—super frustrating when stats don't behave as expected, right? Looking at your code snippet, here are the most likely culprits and fixes to try:

Possible Causes & Fixes #

1. currentButton isn't being updated after a click #

Your code starts with a check: if currentButton equals the clicked button, it exits the function. But if you never update currentButton to match the button that was just clicked, this check won't work as intended.

For example:

• If you click "linear" once, buttonArray[0] increments. But if you don't set currentButton = "linear" afterward, clicking "linear" again will bypass that initial check and increment the count again—even though you might expect it to ignore repeated clicks on the same button. Or if you meant to allow repeated clicks but the check is blocking valid increments because currentButton was set incorrectly elsewhere.

Fix: Add a line at the end of your function to update currentButton to the clicked button:

function changeDisplay(buttonClicked) { 
  if (currentButton == buttonClicked) { 
    return; 
  } 
  if (buttonClicked == "linear") { 
    buttonArray[0] += 1; // Simplified from buttonArray[0] = buttonArray[0] + 1
    document.getElementById('linear').innerHTML = " Linear = " + buttonArray[0]; 
    document.getElementById('section1').style.float = ...; // Finish your style logic here
  }
  // Critical: Update currentButton to track the active button
  currentButton = buttonClicked;
}

2. buttonArray isn't properly initialized #

If buttonArray[0] starts as undefined (instead of 0), the first increment will turn it into NaN (Not a Number), and subsequent clicks won't update the count correctly. Even if it's initialized, check if other parts of your code are modifying buttonArray[0] unexpectedly.

Fix: Make sure you initialize the array outside your function, like:

// At the top of your script, before any functions
let buttonArray = [0, 0, 0]; // Add as many zeros as you have buttons
let currentButton = ""; // Initialize currentButton to an empty string or default value

3. Duplicate event listeners on your button #

If your button's click event is being bound multiple times (e.g., inside a function that runs on page load or component re-render), clicking the button once will trigger changeDisplay several times—making the count jump up more than it should.

Fix: Ensure you only bind the click event once. For example, if you're using addEventListener, don't call it inside a loop or a repeated render function. Alternatively, use event delegation to avoid duplicate bindings.

4. Truncated code is modifying values unexpectedly #

Your code cuts off at document.getElementById('section1').style.floa...—check what comes after that. Is there any logic that resets buttonArray[0] or changes currentButton accidentally? For example, a conditional that overwrites the count without you noticing.

Fix: Review the full function code to ensure no unintended changes to your button count or currentButton state.

内容的提问来源于stack exchange，提问作者Rich95ry