kitroed/JavaScriptOutput.htm

## JavaScriptOutput.htm
<html>
    <head>
    </head>
    <body>
        <div>
            <h1>Input</h1>
        </div>
        <div>
            <h1>Output</h1>
            <textarea type="text" id="outputTextArea" style="width:100%" rows=25></textarea>
        </div>
        <script>
            //create a reference that adds functions clear, write, writeLine
            // that createa a closure over the outputTextArea reference
            var pageConsole = (function() {
                var output = document.getElementById("outputTextArea");

                return {
                    clear: function(){
                        output.value = "";
                    },
                    write: function( text){
                        output.value += text;
                    },
                    writeLine: function( text){
                        output.value += text + '\n';
                    }
                };
            })();

            pageConsole.clear();
            pageConsole.write("first");
            pageConsole.write("second");
            pageConsole.writeLine("third");
            pageConsole.writeLine("fourth");

        </script>
    </body>
</html>
	<html>
	<head>
	</head>
	<body>
	<div>
	<h1>Input</h1>
	</div>
	<div>
	<h1>Output</h1>
	<textarea type="text" id="outputTextArea" style="width:100%" rows=25></textarea>
	</div>
	<script>
	//create a reference that adds functions clear, write, writeLine
	// that createa a closure over the outputTextArea reference
	var pageConsole = (function() {
	var output = document.getElementById("outputTextArea");

	return {
	clear: function(){
	output.value = "";
	},
	write: function( text){
	output.value += text;
	},
	writeLine: function( text){
	output.value += text + '\n';
	}
	};
	})();

	pageConsole.clear();
	pageConsole.write("first");
	pageConsole.write("second");
	pageConsole.writeLine("third");
	pageConsole.writeLine("fourth");

	</script>
	</body>
	</html>