Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<style>
#wrapper {
	width:900px;
	margin:auto;
}
#right {
	float:right;
	margin-left:2%;
	width:48%;
	height:440px;
	border:1px solid black;
}

#left {
	float:left;
	width:48%;
	border:1px solid black;
}
#inputSrc {
	height:400px;
	width:100%;
}
</style>
<script type="text/javascript">
function toDisplay() {
  // write the statement to copy content from the left division to the right division
	var paragraph=document.getElementById("inputSrc").value;
  alert(paragraph);
document.getElementById("right"). innerHTML=paragraph;
}
</script>
</head>
<body>
<div id="wrapper">
<div id="right">
Nothing here at the moment
</div>
<div id="left">
<form>
<textarea id="inputSrc">

</textarea>
<input type="button" value="display" onclick="toDisplay()"/>
</form>
</div>
</div>
</body>
</html>