run away egg!!

it's fun!!

by Daniel Hall

HTML

<button id="move" style="postion: absolute; left: 30%; 
top: 50%; width: 10%; height: 2%;">
middle
</button>
<div id="body">

</div>
<button id="button">
<=
</button>
<input value=">>>>>>ready!<<<<<<<<<">
<button id="num">
=>
</button>
<div id="line">

</div>

CSS

#body {
	    position: absolute;
			left: 30%;
			top: 30%;
			width: 30%;
			height: 30%;
			background-color: white;
			border-radius: 50%;
}
body {
	   background-color: #454455;
}
#line {
	    position: absolute;
			left: 0%;
			top: 60%;
			width: 100%;
			height: 40%;
			background-color: rgb(007, 879,155);
}

JavaScript

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

function replaceIt() {
   document.getElementById("body")
	 .style.transform = "rotate(10deg)";
}
var num = document
  .getElementById("num");
num.addEventListener("click", replapeIt);

function replapeIt() {
  	 document.getElementById("body")
	 .style.transform = "rotate(20deg)";
}
var button = document
  .getElementById("button");
button.addEventListener("click", replaxeIt);

function replaxeIt() {
  	 document.getElementById("body")
	 .style.transform = "rotate(450deg)";
}