Javascript

1. debug1 = new Debug('#code1-dump');
2. $('span#code1-execute').on('click', function(e){
3.     var result = _.reduceRight(
4.         [1, 2, 3, 4, 5],
5.         function(memo, value, i){
6.             debug1.dump(_.template(
7.                 'memo: <%= memo %>, value: <%= value %>, i: <%= i %>',
8.                 {
9.                     memo: memo,
10.                     value: value,
11.                     i: i
12.                 }
13.             ));
14.             return memo + value;
15.         },
16.         0
17.     );
18.  
19.     debug1.dump(result);
20. });
21.  
22. $('span#code1-console-clear').on('click', function(e){
23.     debug1.clear();
24. });
25.  

HTML

1. <span class="cq-btn m-success" id="code1-execute">実行</span>
2. <span class="cq-btn m-danger" id="code1-console-clear">削除</span>
3. <div id="code1-dump"></div>

Javascript

1. debug2 = new Debug('#code2-dump');
2. $('span#code2-execute').on('click', function(e){
3.     var result = _.reduceRight(
4.         ['あ', 'い', 'う', 'え', 'お'],
5.         function(memo, value) {
6.             return memo + value;
7.         },
8.         ''
9.     );
10.  
11.     debug2.dump(result);
12. });
13.  
14. $('span#code2-console-clear').on('click', function(e){
15.     debug2.clear();
16. });

HTML

1. <span class="cq-btn m-success" id="code2-execute">実行</span>
2. <span class="cq-btn m-danger" id="code2-console-clear">削除</span>
3. <div id="code2-dump"></div>