javascript change text color code example

Example 1: onclick change text color javascript

<script>

    document.getElementById('change').onclick = changeColor;   

    function changeColor() {
        document.body.style.color = "purple";
        return false;
    }   

</script>

Example 2: how to change the color using js

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var col=document.getElementById("demo");
col.style.color="#FF0000";
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">click on the button below.....</p>

<button onclick="display()">Display</button>

</body>
</html>

Example 3: js element text color

element.style.color = '#f0f';

Example 4: javascript change font color based on value

//This is in RGB since it's the one I'm most used to
function FontColor(r,g,b,textHolder){
	textHolder.style.color = "rgb("+r+","+g+","+b+")"
}

//This will make the font color of the "text" box yellow
const text = document.getElementById("TextHolder")
FontColor(255,255,0,text)

Example 5: how to change color on js

document.getElementBiId("your id").style.color = "your color";
//it can also be used as:
document.body.style.backgroundColor = "your color";

Tags:

Html Example

Recent Posts