Basic ui.js

eliben · Jul 11, 2020 · 9a16009 · 9a16009
1 parent 6b8bc83
commit 9a16009
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 node_modules
+js8080simBundle.js
diff --git a/README.md b/README.md
@@ -1 +1,6 @@
 # js-8080-sim
+
+## Bundling for the browser
+
+We use `browserify`; see `Makefile` for the invocation.
+
diff --git a/index.html b/index.html
@@ -14,7 +14,6 @@
     width: 240px;
   }
 </style>
-
 <body>
 <table>
   <tr>
@@ -32,5 +31,10 @@
     <th>Result</th>
   </tr>
 </table>
+
+
+<!-- Include bundle. This exports a global symbol for accessing js8080sim -->
 <script src="js8080simBundle.js"></script>
+<script src="ui.js"></script>
+
 </body>
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "js-8080-sim",
   "version": "1.0.0",
   "description": "8080 assembler and simulator",
-  "main": "src/assembler.js",
+  "main": "src/bundleMain.js",
   "scripts": {
     "test": "mocha"
   },

diff --git a/ui.js b/ui.js
@@ -0,0 +1,6 @@
+// Expects the global js8080sim to be available.
+let asm = new js8080sim.Assembler();
+
+let st = document.querySelector("#status");
+st.textContent = "SUCCESS";
+st.style.color = "green";