codenamejason · August 29, 2015 14:16
diff --git a/background.css b/background.css
 #imgDiv {
  width: 400px;
  height: 400px;
  background-image: url('http://placehold.it/400.png&text=New_Image/464545/e743c3');
 }
diff --git a/changeBackground.html b/changeBackground.html
 <div>
  <button onClick="myFunction()">Change Background</button>
 </div>
diff --git a/newBackground.js b/newBackground.js
 function myFunction() {
  document.getElementById("imgDiv").style.backgroundImage = "url(http://placehold.it/400.png&text=New_Image/464545/e743c3)";
 }
	#imgDiv {
	width: 400px;
	height: 400px;
	background-image: url('http://placehold.it/400.png&text=New_Image/464545/e743c3');
	}
	<div>
	<button onClick="myFunction()">Change Background</button>
	</div>
	function myFunction() {
	document.getElementById("imgDiv").style.backgroundImage = "url(http://placehold.it/400.png&text=New_Image/464545/e743c3)";
	}