Anonymous

<html>
<head>
<title>js test</title>
<script type="text/javascript">

function test() {
	var input = document.getElementById('input')
	var output = document.getElementById('output')
	var lines = input.value.split('\n')
	for (var i = 0; i < lines.length; i++) {
		var para = document.createElement('p')
		var text = document.createTextNode(lines[i])
		para.appendChild(text)
		output.appendChild(para)
	}
}

</script>
<style>
#output p { border: 1px dotted orange; background:#ffd }
</style>
</head>
<body>

<form onsubmit="test()" action="#">
<textarea id="input" rows="5" cols="80"></textarea>
<input type="submit" />
</form>

<div id="output"></div>

</body>
</html>