Проблеми с кодом,связанным с dom-деревом и removom и я не понимаю что не так?

Question

[maksymNejmet]

у меня есть маркированный список с действиями, и моя задача - создать ввод, чем пользователь выбирает номер списка, и этот номер будет удален, но мой код не работает и я не знаю в чем причина?

function remove() {
        let number = parseInt(document.getElementById("rez").value);
        let elem = document.getElementById("list").children[number];
        elem.remove();
      }
    </script>
    <div>
      <ul class="list">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
      </ul>
      <input type="button" value="Delete" onclick="remove()" /><br /><input
        type="text"
        id="rez"
        value=""
      />
    </div>

Answer 1

[Евгений Беннер]

В скрипте используется поиск по id
В то время как сам список обозначается через класс
Если заменить класс на id
То всё заработает

<!-- Изначально -->
<ul class="list">
...
<!-- Как должно быть-->
<ul id="list">
...