gui.html

<html>
<head>
<title> cpp.js tryout </title>
<script language="javascript" src="cpp.js"></script>
<script language="javascript">

function update() {

	document.getElementById("dest").value = "";

	var warnings = '';
	var settings = {
		error_func : function(err) {
			document.getElementById("dest").value = err;
		},
		warn_func : function(warn) {
			warnings += '//' + warn + '\n';
		}
	};

	var cpp = cpp_js(settings);
	var res = cpp.run(document.getElementById("src").value);
	
	document.getElementById("dest").value = '// cpp.js warnings: \n' + warnings + '\n\n' + res;
}
</script>
</head>
<body>

<h1>cpp.js tryout</h1>

<div>
<button onclick="update()"> Run </button>
</div>
<div>
<textarea id="src" cols="60" rows="60"> </textarea>
<textarea id="dest" cols="60" rows="60"> </textarea>
</div>

</body>

</html>