to do list

var tasks = [];

window.onload = function() {
    var arr = document.cookie.split(",");
    for (var i = 0; i < arr.length; i++) {
        addTask(arr[i]);
        tasks[tasks.length] = arr[i];
    }
    console.log(document.cookie);
    console.log(tasks);
    console.log(tasks);
};

function buttonClicked() {
    console.log("addToList function called"); // For debugging purposes
    var userInput = document.getElementById("userInput").value;
    if (userInput === "") {
        alert("You can't add nothing to the list!");
    } else {
        tasks[tasks.length] = userInput;
        console.log(tasks.length);
        console.log(tasks);

        addTask(userInput);

        var cookie = document.cookie = tasks;
        console.log(cookie);
    }
};

function addTask(task) {
    var taskPara = document.createElement("div");
    var newTask = document.createTextNode(task);
    var button = document.createElement("button");
    button.innerHTML = "Delete";
    button.id = "test";
    console.log(button.id);
    taskPara.appendChild(newTask);

    var element = document.getElementById("list");
    element.appendChild(taskPara);
    taskPara.appendChild(button);
};