Список есть, кнопка есть, а функция имеет ошибку внутри, так как нажатие кнопки не сортирует.
<body>
<input type="button" id="mybutton" value="Sort" />
<ul id="list">
<li>Яблого</li>
<li>Груша</li>
<li>Апельсин</li>
<li>Мандарин</li>
<li>Ананас</li>
<li>Слива</li>
</ul>
<script>
var sortID = function () {
let list = document.querySelector("#list");
let items = document.querySelectorAll("li"); // получаем объект NodeList (это не массив)
let itemsArray = Array.from(items); // на основе NodeList создаем массив
itemsArray.sort(function (a, b) {
if (a.textContent < b.textContent)
return -1;
if (a.textContent > b.textContent)
return 1;
return 0;
});
itemsArray.forEach(item => {
list.append(item);
});
window.onload = function () {
document.getElementById("mybutton").onclick = sortID;
}
}
</script>
</body>