var listaTareas = [];
document.getElementById('btn-borrar').onclick=borrar;
document.getElementById('btn-agregar').onclick = hacerlista;
cargaTareas();
function borrar(){
    var elementos = document.querySelectorAll('li>input');
    listaTareas2=document.getElementById('lista-tareas');
    for(var i=0;i<elementos.length;i++)
    {
        if(elementos[i].checked)
        {
            listaTareas2.removeChild(elementos[i].parentNode);
            console.log(i);
            listaTareas.splice(i,1);
        }
    }    
    localStorage.setItem('elemento', listaTareas);
    
}

function hacerlista()
{
    var Textarea = document.getElementById('tarea').value;
    agregar(Textarea);
    document.getElementById("tarea")
}

function agregar(nueva) {
   
    var elemento = document.createElement('li');
    var nodoCheck= document.createElement('input');
    nodoCheck.setAttribute('type','checkbox');
    var nodoTexto = document.createTextNode(nueva);
    elemento.appendChild(nodoCheck);
    elemento.appendChild(nodoTexto);
    var lista = document.getElementById('lista-tareas');
    lista.appendChild(elemento);
    listaTareas.push(nueva);
    localStorage.setItem('elemento', listaTareas);
    elemento.onclick = marcarTarea;
    console.log('voy agregar una tarea  ' + nueva);
}


function marcarTarea(evento) {
    evento.target.setAttribute("style","color:red");
    console.log('Tarea Completada : ' + evento.target.innerText);
}

function eliminartarea(evento) {
    
    document.getElementById('lista-tareas').removeChild(evento.target);
    var encuentra=listaTareas.indexOf(evento.target.innerText);
    if(encuentra>-1)
    {
        listaTareas.splice(encuentra,1);
    }
    localStorage.setItem('elemento',listaTareas);
    
}

function cargaTareas() {
    var nuevalistaT = [];

    if(localStorage.getItem('elemento')=="")
    {
        localStorage.clear();
    }

    if (localStorage.length > 0)
    {
       nuevalistaT = localStorage.getItem('elemento').split(',');;
    }

    for (var i = 0; i < nuevalistaT.length; i++)
    {
        agregar(nuevalistaT[i]);
    }     
}