Final Project

By Campbell Langdon

							.square{
									background-color:darkblue;
									width: 50px;
									height: 50px;
									transition:8s;
									display: inline-block;
								}

							.square:hover{
									background-color: hotpink;
									transition:0.1s;
									transform: rotate(360deg);
								}
					

							function changeColor(event){
									event.target.style.backgroundColor="hotpink"
								}

							for(var i=1; i<417; i=i+1)
								{
									var square = document.createElement("div")
									square.classList.add("square")
									square.setAttribute("id",i)
									square.addEventListener("click", changeColor)
									document.body.appendChild(square);
								}