Pensei nessa possível solução, alguma sugestão?

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

    <input id="campo"><button id="botao">Adiciona</button>

    <script>


      let ul = document.querySelector('.lista');

      ul.addEventListener('click', function(event){
          alert(event.target.textContent)          
      })


        function criaLi(dado){

        let li = document.createElement('li');
        li.textContent = dado;
        return li;

        }

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

        botao.addEventListener('click',function() {
            let li =  criaLi(input.value);
            lista.appendChild(li);
        });

    </script>