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:
A Very Big Sum | Javascript | hackerrank07-05-2020 A Very Big Sum Javascript hackerrank |
How To Get Your Blogs Posts Using Blogger API30-07-2017 blogger api json php |
How to upload file by using request module18-03-2017 request module node js |
Get next date from given date in javascript06-03-2017 date javascript next date |
Filter for change Date format (MM-dd-yyyy) in Angular Js05-03-2017 mm-dd-yyyy date formats angular js |