console.log("bla")

document.addEventListener('DOMContentLoaded',function()
{
    /*var findme = document.getElementById('findme');
    findme.appendChild(document.createTextNode("Hello, I am not written in the html file!"));*/

    var newItemBtn = document.getElementById("add");
    newItemBtn.addEventListener("click", addItem);
});

function addItem(e) {
    var listi = document.getElementById("collection"); //verkefnin
    var text = document.getElementById("text").value;

    var li = document.createElement("li"); //Nýtt ToDo

    var counter = document.getElementsByTagName("li");
    var liTotal = counter.length;
    var liRemain = counter.length;

    document.getElementById("collection").appendChild(li);
    document.getElementById("text").value = "";

    document.getElementById("total").innerHTML = liTotal + 1;
    document.getElementById("remaining").innerHTML = liRemain + 1;


    //eyða takkinn
    var deleteBtn = document.createElement("button");
    deleteBtn.appendChild(document.createTextNode("eyða"));
    deleteBtn.addEventListener("click", deleteListItem);

    //checkbox

    var check = document.createElement("input");
    check.type = 'checkbox';
    check.addEventListener("checked");

    li.appendChild(document.createTextNode(text));

    li.appendChild(deleteBtn);
    li.appendChild(check);

    listi.appendChild(li);

    document.getElementById("collection").appendChild(li);
    document.getElementById("text").value = "";

    //senda count stöðu
    //renderStatus(count);
}

function deleteListItem(e) {
    clickedElem = e.target;
    var listItem = clickedElem.parentNode;
    removeMe(listItem);
}

function removeMe(element) {
    element.parentNode.removeChild(element);

    var counter = document.getElementsByTagName("li");
    var liTotal = counter.length;
    var liRemain = counter.length;
    document.getElementById("total").innerHTML = liTotal --;
    document.getElementById("remaining").innerHTML = liRemain --;
}

function toggle(){
    if(document.getElementById(check).checked) {
        liRemain++;
    }
    else{
        liRemain--;
    }
}