JSFiddle - React, Tailwind, and code Playground

by jmcausing

HTML

<html>
<head>
<script type="text/javascript" src="js/jquery1.9.1.js"></script>
    
<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
    
<script type="text/javascript" src="js/main.js"></script>
<link href="css/style.css" type="text/css" rel="stylesheet" >
</head>
<body>
<div id="copy"> Click to Copy </div>
<textarea id="textarea" cols="20" rows="20"></textarea>
</body>
</html>

CSS

#copy {
background: brown;
width: 10%;
text-align: center;

}

JavaScript

$(document).ready(function(){
    $("#copy").zclip({
        path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
        copy: function () {
            return $('#textarea').val();
        }
    });
});