Why is only the last append valid when creating node outside of a function?

Question

let items = document.querySelector(\'.items\');    // class of ul tag
let $li = document.createElement("li");

function add(item) {
  $li.textContent = ite