Javascript

1. const debug1 = new Debug('#code1-dump');
2. $('span#code1-execute').on('click', (e) => {
3.     debug1.dump(_.range(10));
4.     debug1.dump(_.range(5, 10));
5.     debug1.dump(_.range(10, 0));
6. });
7.  
8. $('span#code1-console-clear').on('click', (e) => {
9.     debug1.clear();
10. });

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. const debug2 = new Debug('#code2-dump');
2. $('span#code2-execute').on('click', (e) => {
3.     debug2.dump(_.range(0, 10, 2));
4. });
5.  
6. $('span#code2-console-clear').on('click', (e) => {
7.     debug2.clear();
8. });

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>