| <!DOCTYPE html> | 
| <html lang="en"> | 
|   <head> | 
|     <meta charset="UTF-8" /> | 
|     <title>constructor-node</title> | 
|     <meta name="viewport" content="width=device-width, initial-scale=1" /> | 
|   </head> | 
|   <body> | 
|     <!-- 1. Define some markup --> | 
|     <div id="btn" data-clipboard-text="1"> | 
|       <span>Copy</span> | 
|     </div> | 
|   | 
|     <!-- 2. Include library --> | 
|     <script src="../dist/clipboard.min.js"></script> | 
|   | 
|     <!-- 3. Instantiate clipboard by passing a HTML element --> | 
|     <script> | 
|       var btn = document.getElementById('btn'); | 
|       var clipboard = new ClipboardJS(btn); | 
|   | 
|       clipboard.on('success', function (e) { | 
|         console.log(e); | 
|       }); | 
|   | 
|       clipboard.on('error', function (e) { | 
|         console.log(e); | 
|       }); | 
|     </script> | 
|   </body> | 
| </html> |