[same4]

Здравствуйте. Я только-только начинаю изучать javascript, в основном работаю с html/css , но дошел до того, что без javascript мне не обойтись.

У меня есть код, отвечающий за вывод информации в

<input type='text'>

var main_input = document.getElementById('input');
var main_output = document.getElementById('output');

function EnterCommand(){
    if (main_input.value == 'test'){
     SendMessage();
        return;
    }
  
    main_output.innerHTML = 'Команда не существует';
}
function SendMessage(){
    main_output.innerHTML = 'Просто тест';
}

Как вы уже поняли, скрипт выводит сообщение о написанной пользователем команды. Если же такой команды нет, то выполняется команда:

function SendMessage(){
    main_output.innerHTML = 'Просто тест';

Но в этом скрипте мне нужно кое-что добавить, а именно:

При отправки команды, поле

<input type='text'>

становилось пустым. Сейчас же оно хранит команду, введенную пользователем.

Еще бы хотелось переносить на новую строку каждую команду. То есть сейчас, когда пользователь ввел новую команду, то предыдущая удаляется, а хотелось бы, чтобы прошлая команда сохранялась, а следующая писалась уже на новой строке. В html за это отвечает тэг <br>, но в javascript я ньюби, поэтому не знаю как все это реализовывается.

P.S Команд будет не две и не три, их будет сотни, неужели нужно писать для каждой команды свой кусок кода или можно обойтись какой нибудь другой конструкцией? К примеру - switch. Но честно, я не знаю как перевести мой javascript код в конструкцию switch. Мне кажется, она сильно облегчит мне задачу