Javascript

1. debug1 = new Debug('#code1-dump');
2. $('span#code1-execute').on('click', function(e){
3.     var value = _.last(['A','B','C', 'D', 'E']);
4.     debug1.dump(value);
5. });
6.  
7. $('span#code1-console-clear').on('click', function(e){
8.     debug1.clear();
9. });

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. var debug2 = new Debug('#code2-dump');
2.  
3. $('span#code2-execute').on('click', function(e){
4.     debug2.dump(_.last(['A','B','C', 'D', 'E'], 0));
5.     debug2.dump(_.last(['A','B','C', 'D', 'E'], 1));
6.     debug2.dump(_.last(['A','B','C', 'D', 'E'], 2));
7.     debug2.dump(_.last(['A','B','C', 'D', 'E'], 10));
8.     debug2.dump(_.last({a: 'aaa', b: 'bbb', c: 'ccc'}, 2));
9. });
10.  
11. $('span#code2-console-clear').on('click', function(e){
12.     debug2.clear();
13. });
14.  

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>