How to change the color in this script

[shravan]

Hi,

I have a download wait timer code in my wordpress site and i want to change the color of text "you can download the file in 20 seconds".
This message shows in black and it just merge with other text, i want it in a different color so that visitors can see that easily.

<script>
var downloadButton = document.getElementById("download");
var counter = 20;
var newElement = document.createElement("p");
newElement.innerHTML = "You can download the file in 20 seconds.";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
counter--;
if(counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);
clearInterval(id);
} else {
newElement.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
}}, 1000);
</script>

 

[MeMate]

Wrong section. This is PHP but you're asking for Javascript.

Use code tags please. Otherwise it's hard to read.

Change color of a element in Javascript

document.getElementById('myelement').style.color='#FF0000'; //for red

Change background color of a element in Javascript

document.getElementById('myelement').style.backgroundColor='#00FF00'; //for green