Ajuda com Script

[TonyStark]

Boa noite amigos,

Preciso criar uma especie de volante de jogos, comecei mas me perdi.

Preciso fazer com que só não sejam inseridos valores repetidos, ou seja, se o usuário clicar em um número de novo, ele marca e desmarca. Mas me perdi pois não consegui limpar o valor já inserido no index.

Preciso ter o array pegaValores com os valores certos no final, sem repetições.

Agradeço muito a ajuda de vocês.

Até onde consegui:

var pegaValores = Array(); 
function renderizaVolante(elContainner)
  {
    var divGeral, tableGeral, tbodyGeral, trArray, tdArray = null;
    tbodyGeral = document.createElement('tbody');
    trArray = Array();
    tdArray = Array();
    for(var i=0; i < 6; i++)
      {
        trArray[i] = document.createElement('tr');
      }
    for(i = 1; i < 61; i++)
      {
        tdArray[i] = document.createElement('td');
        tdArray[i].appendChild(document.createElement('button'));
        tdArray[i].childNodes[0].setAttribute('class','botao01');
        tdArray[i].childNodes[0].setAttribute('id','dezena_'+ i);
        tdArray[i].childNodes[0].appendChild(document.createTextNode(i));
      }
    for(i = 0, linha = 0, j = 1; i < 6; i++, linha = 0)
      {
        tbodyGeral.appendChild(trArray[i]);
        while(linha < 10)           {             trArray[i].appendChild(tdArray[j]);             j++;             linha++;           }       }     elContainner.appendChild(tbodyGeral);   }

renderizaVolante(document.getElementById("button"));