Changing the background color of a page in JavaScript
In this post we will give you information about Changing the background color of a page in JavaScript. Hear we will give you detail about Changing the background color of a page in JavaScriptAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to change the background color of a webpage using JavaScript.
Changing the background color of the webpage
To change the background color of a webpage, first we need to access the HTML <body> element in JavaScript using the document.body property.
const body = document.body;
Now, change the background color by setting its style.background property to new color:
body.style.background = "red";
We can also change the background color of a webpage by clicking the button in JavaScript.
Here is an example:
HTML:
<button >Green</button>
JavaScript:
const greenBtn = document.querySelector(".green");greenBtn.addEventListener("click",()=>{ const body = document.body; // accessing body element body.style.background = "green"; // changing color})Hope this code and post will helped you for implement Changing the background color of a page in JavaScript. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs