<div id="cabecalho">
        <h1 id="chat">CHAT</h1>
    </div>

    <div id="nomecss">
        <input class="form-control" type="text" id="nome" placeholder="Nome">
    </div>

    <div id="mensagemcss">
        <textarea class="form-control" id="mensagem" placeholder="Mensagem"></textarea>
    </div>

    <div id="botao">
        <button id="btEnviar" class="btn btn-danger">Enviar</button>
    </div>

    <div id="tabelacss">
        <table id="tabela"></table>
    </div>

</div>

margin: 10px 120px;
padding: 10px;
width: 520px;
background: #086A87;
border: 1px solid #A9D0F5;

width: 500px;
text-align: center;

color: white;
height: 50px;
line-height: 50px;

width: 500px;

width: 500px;
height: 155px;
margin: 10px 0px;
resize: none;

display: block;
background: white;
height: 243px;
overflow-x: hidden;
overflow-y: scroll;
white-space: wrap;
border: 1px solid #A9D0F5;
clear: both;

display: inline;

float: right;
margin-bottom: 10px;

chat.push([ [nome] , [mensagem] ]);

for(i = 0; i < chat.length; i++){
    for(j = 0; j <= i; j++){
        if(i == 0){
            chat[i][2] = gera_cor();
            break;
        }
        else if(chat[i][0] == chat[j][0]){
            chat[i][2] = chat[j][2];
            break;
        }
        else{
            chat[i][2] = gera_cor();
            break;
        }
    }

    html += "<tr>"+
            "<td style=color:" + chat[i][2] + ";><strong>" + chat[i][0] + "</strong></td>"+
            "<td><em> diz:  </em></td>"+
            "<td>" + chat[i][1] + "</td>"+
            "</tr>";
}

document.getElementById(id).innerHTML = html;

for (var i = 0; i < 6; i++ ) {
    cor += hexadecimais[Math.floor(Math.random() * 16)];
}
return cor;

document.getElementById("btEnviar").addEventListener("click", function(){

    var nome = document.getElementById("nome").value;
    var mensagem = document.getElementById("mensagem").value;

    //if (nome != "" && mensagem != "") {

        montarTabela(chat, nome, mensagem, "tabela");

        document.getElementById("mensagem").value = "";

    //}
    //else{
        //alert("Preencher todos os campos!");
    //}

})