Создание HTML-сайта в стиле командного интерфейса ⇐ Html

[Anonymous]

Я работаю над созданием веб-сайта с некоторыми базовыми функциями, которые при необходимости смогу добавить позже.




Я бы хотел, чтобы пользователи могли вводить текст в поле «Введите здесь…», а когда они нажимают «Ввод», добавляйте на свой сайт новую строку на основе только что набранной команды.< /p>

Например, если они ввели «помощь», это хотел бы добавить несколько новых строк, объясняющих, что делает сайт, и некоторые начальные команды. Моя идея состоит в том, чтобы продолжать добавлять команды, поскольку для этого потребуется некоторая масштабируемость. У меня есть веб-сайт + поле ввода, работающее так, как я хочу.

Код: Выделить всё

.headTag {
background-color: lightgrey;
display: inline-block;
width: 100%;
height: 26px;
}

.topPageTitle {
color: black;
font-size: 18px;
float: left;
background-color: lightgrey;
margin-top: 0px;
}

.mainPageText {
color: black;
font-size: 18px;
float: right;
margin-right:10px;
margin-top: 0px;
}

.userInput {
width: 100%;
position: absolute;
bottom: 10px;
}

.mainWindow {
margin-top: 24px;
font-family: typewriter;
font-size: 18px;
color: green;
width: 100%
}

.mainWindow p {
margin-top: -18px;
}

input[type=text] {
width: 100%;
border: none;
background-color: black;
font-size: 18px;
font-family: typewriter;
color: green;
outline: none !important;
}

@font-face {
font-family: typewriter;
src: url('../assets/typewriter.ttf');
}

body {
background-color: black;
font-family: typewriter;
color: lightgrey;
background:#000;
}

.easyMenu {
position: absolute;
bottom: 5px;
font-family: typewriter;
font-size: 18px;
width: 100%;
}

.easyMenu a {
color: lightgrey;
width: 24.5%;
display:inline-block;
}

.easyMenu a:hover {
color: black;
background-color: lightgrey;
}

Код: Выделить всё

13.04.2020

system>: Welcome to the Website.
system>: If you are stuck or don't know what to do type "Help"





>: Back
>: Create Private Chat
>: Join Private Chat
>: Information

В идеале я бы хотел придерживаться чистого HTML+. CSS, однако, если JS, если потребуется, с удовольствием его использую. Я также открыт для идеи использования Python WSGI для этого, но не уверен, стоит ли это начинать.

Любая помощь/совет очень ценится.

С уважением
Джеймс

Подробнее здесь: https://stackoverflow.com/questions/614 ... -html-site