<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>
