Tentei fazer com que o elemento adicionado dispare o alert, ele até dispara mas faz isso 3 vezes. Já tentei algumas coisas mas não da certo, segue como está o código
<ul class="lista">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<input id="campo"><button id="botao">Adiciona</button>
<script>
var lis = document.querySelectorAll('li');
var paiLi = document.querySelector('.lista');
for(var i = 0; i < lis.length; i++) {
paiLi.addEventListener('click', function(event) {
alert(event.target.textContent);
});
}
var botao = document.querySelector('#botao');
var input = document.querySelector('#campo');
var lista = document.querySelector('.lista');
botao.addEventListener('click',function() {
var li = document.createElement('li');
li.textContent = input.value;
lista.appendChild(li);
});
</script>