I am trying to create an effect where an email address dynamically changes using jquery.bubble.text.js

Everything works find except for enabling the text to change color. I'm not sure if it is because I have a span id="bubble" as a child of a div id="colorchange". The script I have used is - 

`var x = document.getElementById('bubble').innerHTML;
if(x == "Well, not anything!" || x == "You get the point..") {
 document.getElementById('colorchange').innerHTML.style.color = "#FF0000"
}`

I have the HTML, CSS and JS and a more accurate and illustrative picture of what I am trying to achieve in a codepen [HERE](https://codepen.io/djlowes/pen/OjGrOg) 

Thanks or your help!