I am having trouble with output of an array, I think.

What I would like the output to look like is:

1. FirstName LastName DOB

but what I end up with is:

1. FirstName

2. LastName

3. DOB

Here is what I have so far but I am not seeing what I am doing wrong.

// global variable:

var tasks = []; 



// Function called when the form is submitted.

// Function adds a task to the global array.

function addTask() {

    'use strict';



    // Get the task:

    var firstName = document.getElementById('firstName');

    var lastName = document.getElementById('lastName');

    var dob = document.getElementById('dob');



    // numerical value of dob

    var dateofBirth = new Date(dob.value);



    // Reference to where the output goes:

    var output = document.getElementById('output');



    // For the output:

    var message = '';



    if (firstName.value && lastName.value && dob.value) {



        // Add the item to the array:

        tasks.push(firstName.value, lastName.value, dateofBirth.toString());





        // Update the page:

        message = '<h2>Persons Entered</h2><ol>';

        for (var i = 0, count = tasks.length; i < count; i++) {

            message += '<li>' + tasks[i] + '</li>';

        }

        message += '</ol>';

        output.innerHTML = message;



    } // End of IF.



    // Return false to prevent submission:

    return false;



} // End of addTask() function.



// Initial setup:

function init() {

    'use strict';

    document.getElementById('theForm').onsubmit = addTask;

} // End of init() function.

window.onload = init;

Thanks, I hope this helps you to help me.