How to make a button change the background in JavaScript?

Question

please I've been trying to make this and I can't make the button do that, could you help me?

Answer 1

<button onclick="function(){
element.style.background='black';
}">click</button>

the above code changes background of any element to black
by changing property of element

Answer 2

I explained that in my code 'Changing Style'. Take a look!

Answer 3

Thank you both 😁

Answer 4

You can also change its background when hovered using simple HTML and CSS.

First you create the button in HTML:
<input type="button" id="button" value="Button">

Then you create the css for normal button:
#button {background-color:black;}

And finally the CSS for when its hovered:
#button:hover {background-color:blue;}

Answer 5

1)u have to use onclick attribute invoking a function
and 2) u shud define the function such a way that it will change ur backgroundcolor

if u post ur code i can help u further

Answer 6

michelle add a boolean that's set to true. now in click function check boolean is true or not and
if true change background
and set it to false

Answer 7

yes take a look at Cezars code it has controls that set color of elements
it is nice
it has explanation too of
how it works.

Answer 8

Wow👍

Answer 9

I want to change my background and lock it

Answer 10

document.getElementById("").style.background = "yourstyle"