function Contact(fname, lname, address, email, phone) {
    this.fname = fname;
    this.lname = lname;
    this.address = address;
    this.email = email;
    this.phone = phone;
}

//The contacts
var contacts = [];

var ul1 = document.createElement('ul');
    ul1.id = ('nav');

function theContacts() {
    var body = document.getElementsByTagName('body')[0],
        length = contacts.length;
    for (var i = 0; i < length; i++) {
        var cont = contacts[i],
            li = document.createElement('li'),
            ul = document.createElement('ul');
         li.innerHTML = cont.fname + ' ' + cont.lname;
        for (var key in cont) {
            var info = document.createElement('li');
            info.className = key;
            info.innerHTML = cont[key];
            ul.appendChild(info);
        }
        li.appendChild(ul); ul1.appendChild(li);
    }
    body.appendChild(ul1);
}

function addForms(){
    var body = document.getElementsByTagName('body')[0]
    var form = document.createElement("form");
    form.id = 'formList';
    var myArray = ['fnameValue', 'lnameValue', 'addressValue', 'emailValue', 'phoneValue'];
    var texts = ['First Name: ', 'Last Name: ', 'Address: ', 'Email: ', 'Phone: '];

for(var i = 0; i < 5; i++){
    var input = document.createElement('input');
    var newlabel = document.createElement('label');
        newlabel.innerHTML = texts[i];
    form.appendChild(newlabel);
    input.setAttribute('type','text');
    input.setAttribute('id', myArray[i]);

    // adds the input's to the form.
    form.appendChild(input);
    }

    // adds the forms to the body
    body.appendChild(form);

// Add Contact Button
    var addContact = document.createElement('input')
        addContact.setAttribute('type', 'button')
        addContact.setAttribute('id', 'addContact')
        addContact.addEventListener('click', onClick);
        addContact.setAttribute('value', 'Add Contact')
        form.appendChild(addContact);
}

function addNewContact() {
        var input1 = document.getElementById('fnameValue').value;
        var input2 = document.getElementById('lnameValue').value;
        var input3 = document.getElementById('addressValue').value;
        var input4 = document.getElementById('emailValue').value;
        var input5 = document.getElementById('phoneValue').value;
    contacts.length = 0;
    contacts.push(new Contact(input1, input2, input3, input4, input5));
    }

// Knappning för ny kontakt
var button = document.getElementById("newButton");
button.addEventListener("click", addForms);