Witam mam problem z wykonaniem sie kodu na stronie. Robie ten przykład z jednej ksiazki i nie mam pojecia czemu nie działa. Kod powinien wykasować dany element po wciśniecu a tego nie robi.
<!DOCTYPE HTML>
<hmtl>
<head>
<title>Przyklad</title>
</head>
<body>
<ul id="shopingList">
<li class="complete"><a href=""> <em>swieze</em> figi </a></li>
<li class="complete"><a href="">orzeszki piniowe</a></li>
<li class="complete"><a href="">miod</a></li>
<li class="complete"><a href="">ocet balsamiczny</a></li>
</ul>
<script type="text/javascript">
function getTarget(e){
if(!e){
e=window.event;
}
return e.target || e.srcElement;
}
function itemDone(e){
var target, elParent, elGrandparent;
target = getTarget(e);
elParent = target.parentNode;
elGrandparent = target.parentNode.parentNode;
elGrandparent = removeChild(elParent);
if(e.preventDefault){
e.preventDefault();
}else{
e.returnValue = false;
}
}
var el = document.getElementById("shopingList");
if(el.addEventListener){
el.addEventListener("click", function(e){itemDone(e);}, false);
}else{
el.attachEvent("onclick", function(e){itemDone(e);}, false);
}
</script>
</body>
</hmtl>