急！如何循环赋值，用clipboard.js实现多个button复制多个相对应的内容

Question

html源码

<div id="sqlcode1">
test01
</div>
 <button id="btn1" onclick="copy()">点击复制代码</button>
 <i id="check1" class="fa fa-check fa-2x" aria-hidden="true" style="display:none;color:green;"></i>

<div id="sqlcode2">
test02
</div>
 <button id="btn2" onclick="copy()">点击复制代码</button>
 <i id="check2" class="fa fa-check fa-2x" aria-hidden="true" style="display:none;color:green;"></i>

js源码

 function copy(){
    //循环初始化
    for(var i=1;i<3;i++){
        var btn = new Array().toString;
        var sqlcode = new Array();
        var check = new Array();
        btn = '#'+'btn'+i;  //复制按钮i
        sqlcode = '#'+'sqlcode'+i;  //按钮i相对应的复制内容sqlcodei
        check = 'check'+i;  //复制成功显示的图标
    }   
    //复制至剪贴板    
        var clipboard = new Clipboard(btn, {
            target: function() {
                alert(btn+sqlcode+check);
                return document.querySelector(sqlcode);
            }
        });

        clipboard.on('success', function(e) {
            console.info('Text:', e.text);
            btn.className = "btn-success";
            check.style.display = "";
        });

        clipboard.on('error', function(e) {
            console.log(e);
        });

}

测试的时候浏览器无任何反应。请大牛指点！！！

Answer 1

剪贴板需要权限，你操作剪贴板，浏览器提示是否允许，你点允许了么