var MessageBoard = {

    messages: [],
    init: function(){

        // koppla händelser hanteraren till skicka knappen onclick och ett nytt meddelande skapas.
        var knapp = document.getElementById("submit");
        knapp.onclick = MessageBoard.createmessage; // Ropar på funktionen createmessage

    },

    createmessage: function(){

        // Hämtar ett id ifrån textarea och anropar value.
        var firstname = document.getElementById("first").value;
        var lastname = document.getElementById("last").value;
        var phonenumber = document.getElementById("phone").value;
        // Skapar nytt message objekt
        var mess = new message(firstname, lastname, phonenumber);
        // Lägger det nyskapade messageobjektet i arrayen
        MessageBoard.messages.push(mess);

        //Ropar på funktionen renderMessages
        MessageBoard.renderMessages();

    },

         renderMessages: function(){

            document.getElementById("messageuse").innerHTML = "";

            for (var i = 0; i < MessageBoard.messages.length; ++i) {
                MessageBoard.renderMessage(i);
            }

         },


        renderMessage: function(messageID){

        // Skapar en div, p tag för meddelandet ska skrivas ut.
        var div = document.getElementById("messageuse");
        var text = document.createElement("div");
        var p = document.createElement("p");
        text.className = "messageview";
        text.innerHTML =  MessageBoard.messages[messageID].getText();
        div.appendChild(text);
        text.appendChild(p);

         //skapar ett unikt id-nummer.
        var idnumber = document.createElement("p");
        idnumber.id = "random";
        idnumber.innerHTML += "Id-nummer:  " + MessageBoard.messages[messageID].getrandom();
        text.appendChild(idnumber);

        }



};

window.onload = MessageBoard.init;