Javascript

1. var debug1 = new Debug('#code1-dump');
2.  
3. var myFunc = function(val) {
4.     return this + val;
5. };
6.  
7. $('#code1-execute').on('click', function(e){
8.     var target = [
9.         [2, 5, 1, 7, 4],
10.         [3, 2, 1, 1, 3, 2]
11.     ];
12.     debug1.dump(_.invoke(target, 'sort'));
13. });
14.  
15. $('#code1-console-clear').on('click', function(e){
16.     debug1.clear();
17. });

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" class="result-window"></div>

Javascript

1. var debug2 = new Debug('#code2-dump');
2.  
3. var myFunc = function(val) {
4.     return this + val;
5. };
6.  
7. // 各要素に3を足す
8. $('#code2-execute').on('click', function(e){
9.     debug2.dump(_.invoke([1, 2, 3], myFunc, 3));
10. });
11.  
12. $('#code2-console-clear').on('click', function(e){
13.     debug2.clear();
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>