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




Problema: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))
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></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


Retornar