<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');
    for(var i = 0; i < lis.length; i++) {
        lis[i].addEventListener('click', function() {
            alert(this.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>Alguém conseguiu fazer com que os novos itens da lista aparecesse o alerta?