Как исправить сообщение, чтобы оно появилось в новой строке?

Question

Я создал программу chatbot, написанную на javascript. Всякий раз, когда пользователь нажимает ввод, ответ идет в той же строке, а не в новую строку. В соответствии с рекомендациями, я добавил код для loadresponse () тоже. Вот фрагмент кода:

// function to display success response in conversation div
function loadResponse(lexResponse) {

    var conversationDiv = document.getElementById('conversation');
    var responsePara = document.createElement("P");
    responsePara.className = 'lexResponse';
    if (lexResponse.message) {
        responsePara.appendChild(document.createTextNode(lexResponse.message));
        responsePara.appendChild(document.createElement('br'));
    }

Сообщения не появляются в новой строке, а появляются в той же строке

Answer 1

Вы можете добавить <br /> к свойству innerHTML.

responsePara.innerHTML = `${responsePara.innerHTML}<br />`;