Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda com chat


vitormonteiro12

Pergunta

Boa noite pessoal preciso de ajuda com o chat de html que o meu professor passou estou tendo muita dificuldade de fazer ele funcionar quem puder ajudar agradeço.

 

<!DOCTYPE html>
<html lang="pt-BR">
    <head>
    <script>

        function enviar(text)

        {
         var text = document.getElementById('text').value;

        document.getElementById('boxC').innerHTML += "<p>"+ text + "</p>";

        }

        </script>
         <meta charset="UTF-8" />
         <title>Chat</title>
         <style type="text/css">
            #boxA, #boxB {
                float:left; width:400px; height:180px; padding:10px; margin:10px; color:#ffffff;
            }
             #boxA { background-color: blue; }
             #boxB { background-color: green; }
             #boxC {
                float:left; width:840px; height:300px; padding:10px; margin:10px; color:#ffffff;overflow: auto;
            }
            #boxC { background-color: gray; }
         </style>
    </head>
     <body>
         <div id="boxA">
             <center><h1>Pesssoa 1</h1></center>
             <p style="text-align:right;">Nome: <input type="text" id="pes1" style="width:300px;"/><br/><br/>
             Mensagem: <input type="text" id="msgpes1" style="width:300px;"/><br/><br/>
             <input type="button" id="enviarPes1" value="Enviar" onclick="enviar(1);"/> </p>
         </div>
         <div id="boxB">
             <center><h1>Pesssoa 2</h1></center>
             <p style="text-align:right;">Nome: <input type="text" id="pes2" style="width:300px;"/><br/><br/>
             Mensagem: <input type="text" id="msgpes2" style="width:300px;"/><br/><br/>
             <input type="button" id="enviarPes2" value="Enviar" onclick="enviar(2);"/> </p>
         </div>
         <div id="boxC"></div>

     </body>
</html>

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...