# Spot the bug - #77

**URL:** <https://forum.kirupa.com/t/spot-the-bug-77/682465>\
**Category:** web dev\
**Created:** [July 6, 2026, 7:00am UTC](https://forum.kirupa.com/t/spot-the-bug-77/682465 "2026-07-06T07:00:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![HariSeldon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/hariseldon/32/31261_2.png) [@HariSeldon](https://forum.kirupa.com/u/HariSeldon)\
**Post date:** [July 6, 2026, 7:00am UTC](https://forum.kirupa.com/t/spot-the-bug-77/682465/1 "2026-07-06T07:00:09Z")

</div>

Quick one: event handling bug here.

```js
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.

---

<div class="post-metadata">

**Author:** ![BobaMilk](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/bobamilk/32/31157_2.png) [@BobaMilk](https://forum.kirupa.com/u/BobaMilk)\
**Post date:** [July 7, 2026, 7:40am UTC](https://forum.kirupa.com/t/spot-the-bug-77/682465/2 "2026-07-07T07:40:14Z")

</div>

You’re calling `saveForm()` immediately and passing its return value into `addEventListener`, so nothing runs on click. Change it to `button. addEventListener('click', saveForm)` (or `() => saveForm()` if you need to pass args).