From 4aba24ec691d29a13d5b8b62c12d8aaefd9e97f9 Mon Sep 17 00:00:00 2001
From: Mark <mark@betalupi.com>
Date: Wed, 20 Sep 2023 14:29:14 -0700
Subject: [PATCH] Added HTML test page

---
 index.html | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e6acdaa
--- /dev/null
+++ b/index.html
@@ -0,0 +1,37 @@
+<html>
+	<head>
+		<meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
+	</head>
+	<body>
+		<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
+
+		<div id="terminal">
+			<div id="output"></div>
+			<div id="input">
+				<span id="prompt">$ </span>
+				<input type="text" id="cmd">
+			</div>
+		</div>
+
+		<!-- Note the usage of `type=module` here as this is an ES6 module -->
+		<script type="module">
+			// See wasm-pack docs
+			// Build with `wasm-pack build --release --target web`
+			// Works with wasm-pack 0.9.1. Some other versions give a segfault.
+			import init, { dostr } from './pkg/daisycalc.js';
+			await init();
+
+			$(document).ready(function() {
+				$("#cmd").focus();
+				$("#cmd").keypress(function(e) {
+				if(e.which == 13) {
+					var cmd = $("#cmd").val();
+					$("#output").append("<div>$ " + cmd + "</div>");
+					$("#output").append("<div>$ " + dostr(cmd) + "</div>");
+					$("#cmd").val("");
+				}
+				});
+			});
+		</script>
+	</body>
+</html>
