Fix the loop that always reports the last number

Each button should report its own number, but every one of them currently shows 3. Fix the loop so button 1 reports 1, button 2 reports 2, and button 3 reports 3.

Acceptance criteria

1.Clicking the second button sets #chosen to 2.
2.Clicking the third button sets #chosen to 3.

Deloitte
Neerx Technovation
Photon Technologies
TO THE NEW
Zepto
DotStark Technologies

1

2

3

4

5

6

var buttons = document.querySelectorAll('.pick');
for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener('click', function () {
    document.querySelector('#chosen').textContent = String(i + 1);
  });
}

0 × 0

Output ready when you are

Press Run to render your code, or Submit to validate your solution.

Fix the loop that always reports the last number — find the bug

Acceptance criteria