Mundo inteligência artificial;

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>