HTML computer

by Daniel Hall

HTML

<div id="body"><p id="message"></p></div>
<button id="button">enter code</button>

CSS

#body {
	   position: absolute;
		 left: 0%;
		 top: 30%;
		 width: 100%;
		 height: 70%;
		 background-color: black;

}
body {
	   background-color: black;
		 color: red;
}
#button{
	    width: 30%;
			height: 50px;
			color: red;
			background-color: blue;
			border-radius: 50px;
			}

JavaScript

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

function replaceIt() {
   var myMess = prompt("type in HTML code");
	 document.getElementById("message")
	 .innerHTML = myMess;
	 document.getElementById("body")
	 .style.backgroundColor = "blue";
}