Estou com uma dúvida simples.  
Tenho um slide rolando no site e as setas dele são:

    <li><a class="flex-next" href="#">next</a></li>

    <li><a class="flex-back" href="#">back</a></li>

Preciso adicionar via JavaScript uma classe e um link para que
quando clicado passe a imagem e role até o topo do slide,
ficando assim:

    <li><a class="flex-next js-smooth-scroll" href="#topo">next</a></li>

    <li><a class="flex-back js-smooth-scroll" href="#topo">back</a></li>

preciso adicionar via JavaScript a classe `js-smooth-scroll` e o link `#topo`.

<!-- end snippet -->