Edit in JSFiddle

<span>Ваш город <span id="city">Казань</span></span>

<ul>
  <li>Москва</li>
  <li>Астрахань</li>
  <li>Нурсултан</li>
  <li>Питер</li>
  <li>Мурманск</li>
</ul>

              
document.querySelector('ul').onclick = function(evt) {
  if (evt.target.matches('li')) {
    city.textContent = evt.target.textContent
  }
}