<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    Olá gostaria de saber se algum programador pode me ajudar em 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 -->