Was ist der beste Weg, um einen DOS- oder Terminalbildschirm in einer Webseite zu simulieren?

Ich finde es schwierig, dies zu konzeptualisieren. Der einfache Weg wäre, ein großes textarea Element zu haben, das den größten Teil des Bildschirms einnimmt, mit einem kleinen Text input Element darunter. Der Player würde Befehle eingeben, und die Ausgabe würde in textarea angezeigt.

Problem ist, ich möchte, dass der Eingang vollständig integriert wird. Denken Sie an einen DOS-Bildschirm. Es gibt die Eingabeaufforderung der Klammer, > , nach der Sie einen Befehl eingeben. Drücken Sie die Eingabetaste und die Ausgabe wird darunter angezeigt, gefolgt von einer weiteren Eingabeaufforderung > für den nächsten Befehl. Die Eingabe ist nicht visuell getrennt von der Ausgabe. Ein Beispiel für das, was ich erreichen möchte, kann hier gesehen werden: Ссылка (außer, anstatt die Maus zu benutzen Wählen Sie Befehle, in denen sie eingegeben werden können.)

Wie würde ich das in HTML machen (mit JavaScript / jQuery für die Handhabung von Eingabe / Ausgabe)? Ich denke, vielleicht ist alles in einem editierbaren textarea erledigt, aber die Rücktaste kann nichts von der Eingabeaufforderung > und darüber hinaus löschen, nur Text, der eingegeben wurde.

Was ist der einfachste Weg dies zu tun? Ich konnte keine Demonstrationen oder Tutorials online finden. Kann mich irgendjemand auf etwas hinweisen, das ich vermisst habe? Danke.