| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Bash Shell</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.0/socket.io.js"></script> | |
| <style> | |
| body { font-family: monospace; } | |
| #output { white-space: pre; } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="output"></div> | |
| <input id="input" autofocus /> | |
| <script> | |
| const socket = io(); | |
| socket.on('output', function(data) { | |
| document.getElementById('output').innerText += data; | |
| }); | |
| document.getElementById('input').addEventListener('keydown', function(event) { | |
| if (event.key === 'Enter') { | |
| const input = this.value; | |
| socket.emit('input', input); | |
| this.value = ''; | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> | |