Ok, a questão é essa - Estou desenvolvendo um novo projeto pessoal, e é necessário fazer o controle dos botões **Anterior | Próximo** utilizado na base `Switch/Case`, estou na tentativa a **dar vida ao números**. Mostra-lo como _Ativo_. 

No tocante, tudo é visual mesmo. A idéia aqui apresentada, é na verdade passar de um _elemento_ `span` para outro, quando for clicado em um dos botões **Anterior ou Próximo**, colocando-o número da _tag_ `<span>..</span>` em evidência(destacado) dos demais. 

#Código

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

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

span {
    padding: 5px;
    cursor: pointer;
}

span.color {
    color: white;
    font-weight: bold;
    background-color: dimgray;
}

<!-- language: lang-html -->

<center>

<button onclick="ancora(conta--);">&#171 Anterior</button>

 
<span>1</span>

<span>2</span>

<span>3</span>

<span>4</span>

<span>5</span>


<button onclick="ancora(conta++);">Próximo &#187</button>

</center>

<!-- language: lang-js -->

var conta = 0;

var obj = document.getElementsByTagName('a');

switch(conta.toString()){

case '1': 	obj.[0].className = 'color'; break;

case '2': 	obj.[1].className = 'color'; break;

case '3': 	obj.[2].className = 'color'; break;

case '4': 	obj.[3].className = 'color'; break;

case '5': 	obj.[4].className = 'color'; break;

    }
    if (conta == 5) { conta = alert("No limite!"); }
}

<!-- end snippet -->

<br>

>Vemos o código fonte - sabemos do que se trata, um **Efeito Paginação** no qual estou tentando criar com `Switch/Case` 
>
>Vale ressaltar - que este mesmo `Switch/Case` ha um contador cliques, isto serve para medar um certa direção.