JavaScript
1var result = document.getElementById( 'result' );
2[].forEach.call( document.querySelectorAll( '[id^="Btn"]' ), n => {
3 n.addEventListener( 'click', e => {
4 result.textContent += n.textContent;
5 }, false );
6} );
7```**動くサンプル:**[https://jsfiddle.net/2pjywdq1/](https://jsfiddle.net/2pjywdq1/)
8
9---
10
11【三章第二回 イベントリスナ — JavaScript初級者から中級者になろう — uhyohyo.net】
12[http://uhyohyo.net/javascript/3_2.html](http://uhyohyo.net/javascript/3_2.html)
13
14【EventTarget.addEventListener - Web API インターフェイス | MDN】
15[https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener)
16
17【querySelectorAllで帰ってきたNodeListを外部ライブラリを使わずにforEachしたい - Qiita】
18[http://qiita.com/yugo-yamamoto/items/b87470f118ac62dc6a8d](http://qiita.com/yugo-yamamoto/items/b87470f118ac62dc6a8d)
19
20【document.querySelectorAll - Web API インターフェイス | MDN】
21[https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)
22
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。