JSFiddle - React, Tailwind, and code Playground

by Steven Senkus

HTML

<div>Click here to purchase, you fucks</div>
<br />
<p id="buyIt">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </p>

CSS

@-moz-keyframes blink { 
    0% { color: red; } 
    10% { color: orange; } 
    20% { color: yellow; } 
    30% { color: orange; }
    40% { color: red; }
    50% { color: orange; }
    60% { color: yellow; }
    70% { color: orange; }
    80% { color: red; }
    90% { color: orange; }
    100% { color: yellow; }



} 

div {
    -moz-animation: blink 66.6s linear infinite; 
    font-family: arial;
}

body {
    background-color: black;
}

JavaScript

function changeColor() {
    count += 1;
    console.log(count);
    if (count % 2 == 0) {
        target.style.color = '#ff0000';
    } else {
        target.style.color = '#fff';
    }
}
var count = 0;
var target = document.getElementById('buyIt');
var timer = setInterval(changeColor,1000);