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:
Check null values in JavaScript?04-02-2019 JavaScript null check null value |
Convert and download html to pdf without saving file28-10-2018 node js convert html to pdf pdf download pdf without saving |
Functions in javascript25-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 js30-07-2017 node js include call javascript |
Send Mail in Node Js21-02-2017 node js mail npm module |