function criaElemento(nome, email, mensagem){
const novoItem = document.createElement('li');
novoItem.classList.add("item");
const nomeItem = document.createElement('stronger');
nomeItem.innerHTML = nome;
novoItem.appendChild(nomeItem);
nomeItem.innerHTML += email += mensagem;
const lista = document.getElementById("lista");
lista.appendChild(novoItem);
}
Oi Ianca, tudo bem?
Desculpe a demora em retornar.
Para quebrar linha em um elemento HTML via JavaScript, você pode criar um novo elemento <br> e adicioná-lo ao conteúdo do elemento que deseja quebrar a linha. Para fazer isso no seu código, você pode inserir o elemento <br> entre o email e a mensagem.
Veja como ficaria o trecho de código que adiciona o conteúdo do email e mensagem ao elemento nomeItem com a quebra de linha:
const nomeItem = document.createElement('stronger');
nomeItem.innerHTML = nome;
const quebraLinha = document.createElement('br');
nomeItem.appendChild(quebraLinha);
nomeItem.innerHTML += email += mensagem;
const lista = document.getElementById("lista");
lista.appendChild(novoItem);Dessa forma, ao adicionar o elemento <br> antes do email e depois de adicionar o email no elemento nomeItem, a linha será quebrada corretamente.
Espero que isso ajude.
Um abraço e bons estudos.