diff --git a/web/index.html b/web/index.html
index e6376c2..25d19ea 100644
--- a/web/index.html
+++ b/web/index.html
@@ -7,6 +7,7 @@
+
diff --git a/web/src/main.ts b/web/src/main.ts
index de69fce..c25e615 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -1,10 +1,14 @@
-import { Solver } from "wordle-solver";
+import { Color, Solver } from "wordle-solver";
-const button = document.getElementById("my-button")!;
-const txt = document.getElementById("out")!;
+const button = document.getElementById("my-button")! as HTMLButtonElement;
+const out = document.getElementById("out")! as HTMLTextAreaElement;
+const guess = document.getElementById("guess")! as HTMLInputElement;
+
+var s: Solver = Solver.new();
+out.innerText = s.stats();
button.addEventListener("click", () => {
- var s = Solver.new();
- txt.innerText = s.stats();
- s.free();
+ let val = guess.value;
+ s.guess(val, Array.from({ length: val.length }, () => Color.GREY ));
+ out.innerText = s.stats();
});