Files
txarli.dev/src/components/ColorScript.astro
2022-08-22 23:39:41 -05:00

28 lines
655 B
Plaintext

<script is:inline>
let colors = ['#24d05a', '#eb4888', '#10a2f5', '#e9bc3f'];
function getRandomColor() {
return colors[Math.floor(Math.random() * colors.length)];
}
function setRandomLinkColor() {
Array.from(document.getElementsByTagName('a')).forEach((e) => {
e.style.color = getRandomColor();
});
}
function setColorHoverListener() {
Array.from(document.querySelectorAll('a, button')).forEach((e) => {
e.addEventListener('mouseover', setRandomLinkColor);
});
}
(function () {
setRandomLinkColor();
setColorHoverListener();
setInterval(() => {
setRandomLinkColor();
}, 3000);
})();
</script>