removeChildでリストを消す【備忘録】 #JavaScript

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <ul id="lists">
    <li>要素1</li>
    <li>要素2</li>
    <li>要素3</li>
    <li>要素4</li>
    <li>要素5</li>
  </ul>
  <input type="button" value="削除" onclick="remove()">
  <script>
    function remove() {
      let parentElement = document.getElementById('lists');
      let elements = parentElement.getElementsByTagName('li');
      let removeIndex = elements.length - 1;
      parentElement.removeChild(elements[removeIndex]);
    }
  </script>
</body>

</html>