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

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

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

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

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

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

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

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

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