[Resolvido] Passar parâmetro dentro da função onclick

[Allan Almeida 0]

To fazendo um script pra mudar o tamanho da fonte da página quando o usuário clicar. O problema é que na função tem de ser dito se é pra aumentar ou diminuir através de um parâmetro. To usando esse html:

 

<p id="texto">
Texto da página
</p>
<div id="tamanhoFonte">
<a href="#" id="dim" title="Diminuir fonte">-a</a> 
<a href="#" id="aum" title="Aumentar fonte">A+</a>
</div>

 

e esse script:

 

window.onload = function(){
document.getElementById("dim").onclick = mudarFonte('menos'));
document.getElementById("aum").onclick = mudarFonte('mais'));

}

var tam=20;
function mudarFonte(tipo){
if(tipo=='mais'){
if(tam<30) tam+=1;
}
else{
if(tam>10) tam-=1;
}
document.getElementById("texto").style.fontSize = tam+'px';
}

 

O problema é que usando o evento onclick eu so consigo chamar a função pura --> mudarFonte; sem passar parâmetro. E se eu colocar o parâmetro, como eu to fazendo --> mudarFonte('mais') não funciona. O que eu faço pra colocar o parâmetro??

 

PS: por favor nao respondam pra colocar no html <a href="#" onclick="mudarFonte('menos')"></a>.

Eu sei que funciona, mas nao quero fazer assim.

[William Bruno 1501]

assim:

 

window.onload = function(){

    var dim = document.getElementById("dim"),
    aum = document.getElementById("aum");

   dim.onclick = function(){
         mudarFonte('menos');
   }
   aum.onclick = function(){
         mudarFonte('mais');
   }
}

[Allan Almeida 0]

Muito obrigado, cara! Era óbvio. Parece com os fundamentos de JQuery, criar function pra tudo. Devia ter me ligado. Mas valeu :grin:/>