I'm trying to change the background color of the textarea and text box. All this must be done when the user presses the button click, it activates a function that changes the color of the two components at random. The code I've written does not work, could you help me?
<html>
<body>
<textarea id="text"></textarea><br/>
<input type="text" id="c"><br/>
<input type="button" onclick="as()" value="clicca">
</body>
<script>
function as()
{
var t = document.getElementById('text');
var c = document.getElementById('c');
t.style="color: red; background-color: lightyellow"
}
</script>
</html>
For example, if you change the textbox background color to say, blue, you could specify any one of the following: background-color:blue; , background-color:#0000FF; , background-color:rgb(0,0,255); . Actually, you can also use hex shorthand, which would be background-color:#00F; .
To change the background color on an input field, set the input field's style. background property to a specific color. The backgroundColor property changes the element's background color.
To add background color to the form input, use the background-color property.
You can change the backgroundColor directly with JavaScript:
t.style.backgroundColor='blue';
t.css("background-color","red")
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With