Update index.html

FunnyDoggs · Feb 26, 2024 · 37d6554 · 37d6554
1 parent 396ce49
commit 37d6554
Showing 1 changed file with 11 additions and 36 deletions.
diff --git a/index.html b/index.html
@@ -27,6 +27,7 @@
             font-family: monospace;
             font-size: 16px;
             caret-color: white;
+            width: 100%;
         }
     </style>
     <title>Linux Emulator</title>
@@ -38,7 +39,6 @@
             const terminal = document.getElementById('terminal');
             const inputElement = document.createElement('input');
             inputElement.setAttribute('type', 'text');
-            inputElement.style.width = '100%';
             terminal.appendChild(inputElement);
 
             let commandHistory = [];
@@ -49,6 +49,7 @@
                     event.preventDefault();
                     const command = inputElement.value.trim();
                     if (command !== '') {
+                        displayInput(command);
                         handleCommand(command);
                         commandHistory.unshift(command);
                         historyIndex = -1;
@@ -69,40 +70,6 @@
                 }
             });
 
-            const localStorageKey = 'linux_emulator_fs';
-            let fileSystem = JSON.parse(localStorage.getItem(localStorageKey)) || {
-                '/': {
-                    type: 'directory',
-                    contents: {
-                        home: {
-                            type: 'directory',
-                            contents: {
-                                user: {
-                                    type: 'directory',
-                                    contents: {
-                                        file1: { type: 'file', content: 'Content of file1' },
-                                        file2: { type: 'file', content: 'Content of file2' },
-                                        script.sh: { type: 'file', content: 'echo "Shell script output"' },
-                                    },
-                                },
-                            },
-                        },
-                        bin: {
-                            type: 'directory',
-                            contents: {
-                                echo: { type: 'executable', execute: echoCommand },
-                                ls: { type: 'executable', execute: lsCommand },
-                                cat: { type: 'executable', execute: catCommand },
-                                runscript: { type: 'executable', execute: runScriptCommand },
-                                touch: { type: 'executable', execute: touchCommand },
-                                write: { type: 'executable', execute: writeCommand },
-                                exit: { type: 'executable', execute: exitCommand },
-                            },
-                        },
-                    },
-                },
-            };
-
             function handleCommand(command) {
                 const [cmd, ...args] = command.split(' ');
                 switch (cmd.toLowerCase()) {
@@ -205,10 +172,18 @@
                 currentDirectory = directory;
             }
 
+            function displayInput(command) {
+                const inputElement = document.createElement('div');
+                inputElement.className = 'input';
+                inputElement.textContent = '$ ' + command;
+                terminal.appendChild(inputElement);
+            }
+
             function displayOutput(output) {
                 const outputElement = document.createElement('div');
+                outputElement.className = 'output';
                 outputElement.textContent = output;
-                terminal.insertBefore(outputElement, inputElement);
+                terminal.appendChild(outputElement);
             }
 
             function echoCommand(args) {