How to change background color and color to the text using javascript

css
javascript
colors

Here we are using onchange() for changing the text colors and background colors. 


Sample Code

 
<script>
function color(){
	var color = document.getElementById('color').value;
	document.getElementById('text').style.color = color;
}
function textBgcolor(){
	var color = document.getElementById('bgcolor').value;
	document.getElementById('text').style.backgroundColor = color;
}
</script>
<select onchange="color()" id="color">
<option value="black">Select Black</option>
<option value="red">Select Red</option>
<option value="blue">Select Blue</option>
<option value="green">Select Green</option>
</select><br>
<select onchange="textBgcolor()" id="bgcolor">
<option value="black">Select Black</option>
<option value="red">Select Red</option>
<option value="blue">Select Blue</option>
<option value="green">Select Green</option>
</select>
<div id="text">Sample Code</div>

You might also like:

Functions in javascript

25-05-2018 functions javascript es5 es6 arrow functions named functions Closures Nested Functions Callbacks Arrow functions.

Use java script file client side and server side at a time in node js

30-07-2017 node js include call javascript

How To Get Your Blogs Posts Using Blogger API

30-07-2017 blogger api json php

How to get current date and time (yyyy-mm-dd H:i:s) using javascript

09-03-2017 javascript date time

Filters for convert text to camel case in Angular Js

05-03-2017 angularjs camelcase filters