Não estava entendendo a função anônima mas comentei as linhas e me ajudou!

<ul class="lista"> // lista de elementos
    <li>A</li> // elemento
    <li>B</li>
    <li>C</li>
</ul>

<input id="campo"><button id="botao">Adiciona</button> // campo de texto e botão

<script>

    var lis = document.querySelectorAll('li'); // seleciona todos elementos li

    for(var i = 0; i < lis.length; i++) // percorre todos os elementos li
    { 
         lis[i].addEventListener('click', function() {

            alert(this.textContent);
        }); // adiciona um evento de click a cada li
    }

    var botao = document.querySelector('#botao'); 
    var input = document.querySelector('#campo');
    var lista = document.querySelector('.lista');

        botao.addEventListener('click',function() // add um evento click ao botao {

        var li = document.createElement('li'); // cria um elemento li
        li.textContent = input.value; // adiciona o conteudo do input ao elemento li
        lista.appendChild(li); // adiciona o elemento li a lista de elementos
    });
</script>