Διαγραφή Στοιχείων σε JavaScript

Ας μάθουμε τώρα πώς να διαγράφουμε στοιχεία. Για αυτό πρέπει να χρησιμοποιήσετε τη μέθοδο remove. Ας δούμε με ένα παράδειγμα πώς γίνεται αυτό. Ας υποθέσουμε ότι έχουμε παραγράφους:

<p>στοιχείο 1</p>
<p>στοιχείο 2</p>
<p>στοιχείο 3</p>
<p>στοιχείο 4</p>
<p>στοιχείο 5</p>

Ας κάνουμε έτσι ώστε οποιαδήποτε παράγραφος να διαγράφεται με κλικ πάνω της:

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function() {
		elem.remove();
	});
}

Δίνεται ο ακόλουθος κώδικας:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

Κάντε έτσι ώστε οποιοδήποτε li να διαγράφεται με κλικ πάνω της.

Δίνεται ο ακόλουθος κώδικας:

<ul id="parent">
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

<input type="submit" id="button">

Κάντε έτσι ώστε με κάθε κλικ στο κουμπί να διαγράφεται το τελευταίο στοιχείο από το #parent.