document.addEventListener('DOMContentLoaded',function()
{

	var nyttBarnTakki = document.getElementById('create-item');
	nyttBarnTakki.addEventListener('click', add);


});

	var count = 0;

function add(e) {

	count = count + 1;
	console.log("þú ýttir á bæta við takkann " + count + " sinnum");


	var texti = document.getElementById('item-text').value;
	var listi = document.getElementById('todos');

	//búa til nýja li-nóðu
	var newListNode = document.createElement("li");

	//búa til nýjan takka með texta og
	var newButton = document.createElement('button');
	newButton.appendChild(document.createTextNode('EYÐA'));
	newButton.addEventListener('click', deleteFall);

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

	newListNode.appendChild(document.createTextNode(texti));

	newListNode.appendChild(newButton);
	newListNode.appendChild(newBox);

	listi.appendChild(newListNode);

	//senda count stöðuna
	renderStatus(count);


}

function deleteFall(e) {
	console.log("þú ætlar að eyða mér :(");
	count = count - 1;
	console.log("Nú eru heildaratriðið svona mörg " + count);

	//clickedElement er sú "lína" sem eyða takkinn ætlar að taka út
	//listItem er foreldrið
	clickedElement = e.target;
	var listItem = clickedElement.parentNode;
	removeMe(listItem);

	//Senda count stöðuna
	renderStatus(count);

}

//element er greinilega þegar eitthvað á bara að fara inn eða bara nafnið sem við ætlum að gefa og nota
function removeMe(element) {
	element.parentNode.removeChild(element);
}

//hér vantar að uppfæra líka upplýsingarnar sem birtast á skjánum um heildarfjölda
function renderStatus(kalli) {
	console.log("samtals : " + kalli);

	var element = document.getElementById("total");
	element.innerHTML = kalli;

}