Changing the background color of a page in JavaScript
In this tutorial, 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 class="green">Green</button>JavaScript:
const greenBtn = document.querySelector(".green");
greenBtn.addEventListener("click",()=>{
const body = document.body; // accessing body element
body.style.background = "green"; // changing color
})- Share:
