Codigo mails enviar; Receber;
<!DOCTYPE html>
<html>
<head>
<title>Rede Social - Troca de Emails</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<h1>Rede Social - Troca de Emails</h1>
<form id="sendMessageForm">
<label for="email">Destinatário:</label>
<input type="text" id="email" name="email" required><br><br>
<label for="message">Mensagem:</label>
<textarea id="message" name="message" required></textarea><br><br>
<button type="submit">Enviar</button>
</form>
<h2>Caixa de Entrada</h2>
<div id="inbox"></div>
<script>
$(document).ready(function() {
// Array para armazenar as mensagens enviadas
var messages = [];
// Função para enviar um email
function sendMessage(event) {
event.preventDefault();
var email = $("#email").val();
var message = $("#message").val();
var newMessage = {
email: email,
message: message
};
messages.push(newMessage);
$("#email").val("");
$("#message").val("");
updateInbox();
}
// Função para atualizar a caixa de entrada
function updateInbox() {
$("#inbox").empty();
messages.forEach(function(message) {
$("#inbox").append("<strong>Destinatário:</strong> " + message.email + "<br>");
$("#inbox").append("<strong>Mensagem:</strong> " + message.message + "<br><br>");
});
}
// Evento de envio do formulário
$("#sendMessageForm").submit(sendMessage);
});
</script>
</body>
</html>