josh game button

by Daniel Hall

HTML

<h1>
josh button g
</h1>
<hr>
<hr>
<h1>

find the right button
level 1 2 trys
</h1>
<button>
</button>
<button>
</button>
<button>
</button>
<button>
<button id="replaceButton">
<hr>
<div id="body"></div>
<div id="replaceButton">/button>
<h1>
level 2 1try
</h1>
<button>
<button>
</button>
<button id="doo">
</button>
<hr>

CSS

body {
	  background-color: #FF0222;
		font-family: "Comic Sans MS";
}
h3 {
		top: 30%;
		left: 30%;
		width: 30%;
}
#body {
	  position: absolute;
		left: 0%;
		top: 63%;
		width: 30%;
		height: 30%;
		background-color: ;
		border-radius: 50%;
}

JavaScript

var replaceButton = document
   .getElementById("replaceButton");
replaceButton.addEventListener("click",replaceIt);

function replaceIt() {
  document.getElementById("body")
	   .style.backgroundColor = "green";
}

var doo = document
   .getElementById("doo");
doo.addEventListener("click", replapeIt);

function replapeIt(){
   document.getElementById("body")
	    .style.backgroundColor = "rgb(0,255,0)";
}