Upon opening page 1.html, I utilize JavaScript to dynamically add a background image to the body of the page. To achieve this, I use the following code:
document.body.style.backgroundImage = "url(http://www.example.com/image.jpg)";
This code effectively adds the background image to the CSS body class.
Now, my inquiry is this: How can I permanently save this modification to the CSS file using vanilla JS, located at http://www.example.com/my_css.css? This way, when accessing page 2.html, the body class will already have the background image applied.