show input in console

src/console_input.js

@@ -35,6 +35,8 @@ export class ConsoleInput {
         const code = this.inputElem.value;
         this.inputElem.value = "";
 
+        this.console.addInput(code);
+
         this.history.push(code);
         this.historyIndex = this.history.length;
 

src/playground_console.js

@@ -41,7 +41,6 @@ export class PlaygroundConsole {
         const argString = typeof arg === "function" ? `function ${arg.name}()` : `${arg}`;
 
         const value = document.createElement("span");
-        value.className = entryType;
         value.textContent = argString;
         value.dataset.type = this.#getTypeName(arg);
         parent.appendChild(value);
@@ -103,6 +102,10 @@ export class PlaygroundConsole {
         }
     }
 
+    addInput() {
+        this.#addEntry("input", "", this.elem, ...arguments);
+    }
+
     log() {
         this.#addEntry("log", "", this.elem, ...arguments);
     }

style.css

@@ -150,6 +150,15 @@ div#buttons button {
     background-color: #413d07;
 }
 
+#console .input:before {
+    content: "> ";
+}
+
+#console .input {
+    color: #bdbdbd;
+    font-style: italic;
+}
+
 #console .info,
 #console .debug,
 #console .prototype,