JavaScript problrm z kodem

pytanie zadane 25 stycznia 2019 w JavaScript przez kuba1245677 Obywatel (1,080 p.)

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>

1 odpowiedź

odpowiedź 25 stycznia 2019 przez arces Pasjonat (17,700 p.)
wybrane 26 stycznia 2019 przez kuba1245677

Najlepsza

Po co tego aż tak dużo, jeżeli można to zapisać o wiele krócej. Chodzi Ci tylko o samo wykasowanie klikniętego elementu z DOM?

komentarz 25 stycznia 2019 przez kuba1245677 Obywatel (1,080 p.)

Tak, w ksiazce pisza ze to dziala takie usuniecie elementu listy

komentarz 26 stycznia 2019 przez arces Pasjonat (17,700 p.)

Tutaj jest o wiele prostszy kod. Pewnie da się go jeszcze bardziej zoptymalizować nie robiąc listenera po wszystkich elementach.

https://codepen.io/arces92/pen/JxGwqL