GeeksforGeeks

Click on button to change the background color

Try it Yourself » Another example on how to change the color of an element:

Click me to change my color.

38 How To Change Text Color On Button Click In Javascript Javascript

1. HTML and CSS The basic way to do it is with HTML and CSS. You can set up different styles for a button normal look and its clicked look using CSS. 2. JavaScript For more advanced color changes, they bring in the big guns, like JavaScript.

Change button color on click using JS YouTube

To change an element's background color on click: Add a click event listener to the element. Assign the event object to a variable in the function. Set the event.target.style.backgroundColor property to the specific background color. index.js