Tentei refazer o código, segue como ficou. | JavaScript: programando na linguagem da web

Tentei refazer o código, segue como ficou.

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
</ul>
<input id="campo" type="text">
<button id="btn" >Aicionar</button>

<script>
const lis = document.querySelectorAll("li");
const ul = document.querySelector("ul");

ul.addEventListener('click', function(event) {
  let li = event.target.textContent;
  alert("O texto da li é: " + li);
});

const btn = document.querySelector("#btn");
const campo = document.querySelector("#campo");

btn.addEventListener('click', function() {
  let texto = campo.value;
  let novaLi = document.createElement("li");
  novaLi.textContent = texto;
  ul.appendChild(novaLi);
  campo.value = "";
});
</script>