<html>
<head>
<title>COPY TO CLIPBOARD</title>
<style>
table{
margin:0 auto;
width: 500px;
margin-top: 100px;
}
td{
padding-bottom: 50px;
}
.title{
font-weight: bold;
font-family: calibri;
font-size: 42px;
color: #fff;
text-shadow: 2px 2px 20px black;
}
.note{
font-size: 20px;
font-family: Arial;
}
#key{
width:330px;
padding: 5px;
border:solid 2px navy;
border-radius: 5px;
text-align: center;
font-family: Arial;
font-size: 24px;
background-color: #fff;
}
#txt{
width:480px; height:200px;
border: solid 2px navy;
border-radius: 5px;
padding: 10px;
text-align: center;
font-family: calibri;
font-size: 26px;
}
#btn, #gen{
font-family: calibri;
font-size: 18px;
font-weight: bold;
border:none;
color:#fff;
border-radius: 5px;
padding: 10px;
}
#gen{
width: 480px;
background-color: navy;
}
#btn{
width: 150px;
background-color: navy;
}
</style>
</head>
<body>
<table>
<tr>
<td align="center">
<font class="title">KEYGEN 2021</font>
</td>
</tr>
<tr>
<td align="center">
<p>
<input type="text" id="key"/> <input type="button" value=" COPY " onClick="cp()" id="btn"/>
</p>
<p>
<input type="button" value="GENERATE KEY" onClick="gen()" id="gen"/>
</p>
</td>
</tr>
<tr>
<td align="center">
<input type="text" id="txt" placeholder="<-- paste here to confirm -->"/>
</td>
</tr>
<tr>
<td align="justify">
<font class="note"><b>Note:</b> To generate your serial key/number, click on the genetate button and click copy. Paste it in the empty field to confirm you have successfully copied your serial key/number.</font>
</td>
</tr>
</table>
<script type="text/javascript">
function gen(){
let key = document.getElementById('key');
key.value = '1238 - 8947 - 7367';
}
function cp(){
var copyTxt = document.getElementById('key');
copyTxt.select();
copyTxt.setSelectionRange(0, 99999);
document.execCommand("copy");
alert(" ' " + copyTxt.value + " ' " + " is successfully copied!");
}
</script>
</body>
</html>
100% working man! Really impressive.
ReplyDelete