> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/web/browser/event/target/buttons-a-b-c.md).

# buttons A, B, C

[browser](/web/browser.md) ⟩ [event](/web/browser/event.md) ⟩ .target ⟩ example ⟩ buttons A,B,C  

{% hint style="success" %}

{% endhint %}

{% tabs %}
{% tab title="💈範例" %}

* replit ⟩ [buttons A, B, C](https://replit.com/@pegasusroe/buttons-A-B-C#index.js) 

```javascript
// register handler on parent
document.body.addEventListener("click", event => {
    // ⭐️ check if button is clicked
    if (event.target.nodeName === "BUTTON") {
        console.log(`🔘 button "${event.target.textContent}" clicked ...`);
    }
});
```

{% endtab %}

{% tab title="📗 參考" %}

* [ ] Eloquent JS ⟩ [Ch. 15: Event Handling](https://eloquentjavascript.net/15_event.html) ⟩ [Propagation](https://eloquentjavascript.net/15_event.html#h_NEhx0cDpml) 
  {% endtab %}

{% tab title="📘 手冊" %}

* [Event](/web/browser/event.md) ⟩ [.target](https://developer.mozilla.org/en-US/docs/Web/API/Event/target) ([EventTarget](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget))
  {% endtab %}
  {% endtabs %}