3 - Accediendo a una marca HTML a través del DOM (getElementById)

Permitir cambiar el tamaño de la fuente de un párrafo. Para esto crear tres botones (fuente pequeña (10), fuente mediana(13) y fuente grande(20))
<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<p id="comentarios">Este texto pertenece al párrafo. Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.Este 
texto pertenece al párrafo.Este texto pertenece al párrafo.</p> 

<input type="button" value="Fuente pequeña" onClick="cambiarFuente(10)">
<input type="button" value="Fuente mediana" onClick="cambiarFuente(13)">
<input type="button" value="Fuente grande" onClick="cambiarFuente(20)">
</body>
</html>

#titulo {
  text-align:center;
}
#boton1,#boton2,#boton3 {
  text-align:center;
  width:200px;
}

function cambiarFuente(tam)
{
  var tit=document.getElementById('comentarios');
  tit.style.fontSize=tam;
}

Ver solución
pagina1.html


estilos.css
funciones.js