У меня есть следующий метод -
function callBack(data1, predicted_label){
const resultParagraph = document.getElementById("resultParagraph");
resultParagraph.textContent = `Sentiment: ${predicted_label}`;
const historyList = document.getElementById("historyList");
const listItem = document.createElement('li');
listItem.textContent = `Text: ${data1} Sentiment: ${predicted_label}`;
historyList.prepend(listItem);
}
Я хочу добавить новую строку между Text: ${data1} и Sentiment: ${predicted_label}.
Я пробовал добавить \n, пробовал добавить тег <br>, но ничего не помогает.
да, пробовал это @ChrisG



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Рендеринг HTML не учитывает символы новой строки — вам нужно будет использовать внутренний HTML вместо textContent и добавить тег <br> в место разрыва строки.
Вы можете использовать CSS для стилизации элемента списка, чтобы отображать «Текст» и «Настроение» в отдельных строках.
function callBack(data1, predicted_label) {
const resultParagraph = document.getElementById("resultParagraph");
resultParagraph.textContent = `Sentiment: ${predicted_label}`;
const historyList = document.getElementById("historyList");
const listItem = document.createElement('li');
listItem.textContent = `Text: ${data1}\nSentiment: ${predicted_label}`;
listItem.style.whiteSpace = "pre-line"; // style for line breaks
historyList.prepend(listItem);
}
ты уверен, что это не работает?
listItem.textContent =Текст: ${data1}\nSentiment: ${predicted_label};