Como manter a mensagem salva por chat, (igual funcao existente no whatsapp)
Boa noite pessoal, estou tendo problemas para conseguir criar uma funcao que armazena o chat que nao sao enviados.Eu consegui criar uma maneira de salvar as mensagens mas nao consigo separalas por chat, e gostaria de uma ajuda de como poderia ser realizado.
Segue abaixo o meu codigo.
const textArea = document.getElementById("inputMsg");
const chatMessagesDiv = document.getElementById("chatMessages");
const savedDraftMessage = localStorage.getItem("draftMessage");
if (savedDraftMessage) {
try {
const parsedDraftMessage = JSON.parse(savedDraftMessage);
textArea.value = parsedDraftMessage.message;
} catch (error) {
console.error("Erro ao analisar o JSON do rascunho salvo:", error);
}
}
const savedMessages = localStorage.getItem("savedMessages");
if (savedMessages) {
try {
const parsedMessages = JSON.parse(savedMessages);
chatMessagesDiv.innerHTML = parsedMessages.html;
} catch (error) {
console.error("Erro ao analisar o JSON das mensagens salvas:", error);
}
}
textArea.addEventListener("input", function () {
const draftMessage = { message: textArea.value };
localStorage.setItem("draftMessage", JSON.stringify(draftMessage));
});
function saveMessages() {
const messages = { html: chatMessagesDiv.innerHTML };
localStorage.setItem("savedMessages", JSON.stringify(messages));
}
textArea.addEventListener("focus", function () {
const savedDraftMessage = localStorage.getItem("draftMessage");
if (savedDraftMessage) {
try {
const parsedDraftMessage = JSON.parse(savedDraftMessage);
textArea.value = parsedDraftMessage.message;
} catch (error) {
console.error("Erro ao analisar o JSON do rascunho salvo:", error);
}
}
});