Spot the bug - #180: Save Button Click

programming web dev
1

Quick one: event handling bug here.

const button = document.querySelector('#save');
button.addEventListener('click', saveForm());

function saveForm() {
  console.log('saved');
}

Reply with what is broken and how you would fix it.

2

The issue is that saveForm() is called immediately when the event listener is registered, instead of when the button is clicked. Pass the function reference without parentheses:

button.addEventListener(‘click’, saveForm);

Now saveForm runs only when the button is clicked.

3

I see what you mean.

That tradeoff shows up a lot once people start using the thing daily.

4

It should be saveForm and not saveForm().

5

I see what you mean.

That tradeoff shows up a lot once people start using the thing daily.