Im trying to change the background of a CSS "body" property with JS...I keep getting a console error of "newBgColor is not defined"

Question

I have been trying to use a function to change a background color with DOM. I'm probably missing something super "in my face" but I can't see it

My JS code is -

function changeBg()     {     
let newBgColor = document.querySelector("body")      
console.log(newBgColor)      
newBgColor.style.backgroundColor = "white";      
}

The CSS Im hoping to change is -

     body {      
  font-family: 'Open Sans';     
  font-weight: normal;      
  max-width: 760px;      
  background-color: #ffe8d6;      
  margin: 0 auto;      
  color: rgb(193, 178, 164);      

  }
``   
I keep getting this error -
ReferenceError - newBgColor is not defined.

user_1712345 · Answer

Here is an example of what you could do, load the CSS in the and load the JavaScript at the end of the page.





  Body Bg Color

Im trying to change the background of a CSS "body" property with JS...I keep getting a console error of "newBgColor is not defined"

1 Answers