Skip to content
Snippets Groups Projects
Commit 355a7acb authored by Phillip Phan's avatar Phillip Phan
Browse files

Copy to Clipboard QOL complete

parent d1d94737
Branches
No related tags found
No related merge requests found
......@@ -15,7 +15,21 @@
}
</style>
<script>src = 'site.js'</script>
<script>
src = 'site.js'
function copyHex(celement) {
let hexCopy = celement.innerText;
let input = document.createElement('input');
input.setAttribute('value', hexCopy);
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
alert('Copied: ' + celement.innerText);
}
</script>
<div class="text-center">
<div class = gifDiv>
<h1 class="introHeader">Welcome to Color Palette Generator!</h1>
......@@ -29,12 +43,12 @@
<span id="palName" class = "paletteName"></span>
<br>
<br>
<button id="color"></button>
<button id="color2"></button>
<button id="color3"></button>
<button id="color4"></button>
<button id="color5"></button>
<button id="color6"></button>
<button id="color" onclick="copyHex(color)"></button>
<button id="color2" onclick="copyHex(color2)"></button>
<button id="color3" onclick="copyHex(color3)"></button>
<button id="color4" onclick="copyHex(color4)"></button>
<button id="color5" onclick="copyHex(color5)"></button>
<button id="color6" onclick="copyHex(color6)"></button>
<canvas width="700" ></canvas>
</h2>
<h3>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment