Função para aumentar ou diminuir o tamanho da fonte – Javascript

Como aumentar ou diminuir o tamanho da fonte utilizando apenas Javascript.

Primeira parte temos a função para aumentar o tamanho da fonte.

function aumentarLetra(){
  var font = document.getElementById("Conteudo").style.fontSize;
  font = font.replace("px","");
  
  if(font == ""){   
           document.getElementById("Conteudo").style.fontSize = "13px";
  }else{
    document.getElementById("Conteudo").style.fontSize = (parseInt(font)+1)+"px";
  }
}

Agora temos a função para diminuir o tamanho da fonte.

function diminuirLetra(){
  var font = document.getElementById("Conteudo").style.fontSize;
  font = font.replace("px","");
  
  if(font == ""){   
           document.getElementById("Conteudo").style.fontSize = "11px";
  }else{
    document.getElementById("Conteudo").style.fontSize = (parseInt(font)-1)+"px";
  }
}

Exemplo de utilização

Exemplo HTML utilizando as duas funções para manipular a div com o ID “Conteudo”.

<a >
Não se esqueça de incluir às funções entre as tags <script></script> no seu arquivo HTML.
  
 
Tags: javascript básico