0

Buenas tardes, tengo un problema.. recien estoy empezando a ver html y estoy siguiendo un cursito en un pdf. El problema es que puse dos botones, uno para cambiar el color y otro para cambier el size. El primer boton funciona pero el segundo no.

function cambiarColor() 
{   var tit=document.getElementById('titulo');   
    tit.style.color='#ff0000'; } 
 
function cambiarTamanoFuente() 
{   var tit=document.getElementById('titulo');  
    tit.style.fontSize=1; }
<html> 
    <head> 
        <title>Problema</title> 
        <script src="funciones.js"></script> 
    </head> 
    <body> 
        <h1 id="titulo">Este es un titulo dinamico</h1>  
        <input type="button" value="Cambiar Color" onClick="cambiarColor()"> 
        <input type="button" value="Cambiar Color" onClick="cambiarTamanoFuente()"> 
    </body> 
</html> 

Espero que me puedan ayudar. Saludos!

2 respuestas 2

1

No te funciona por que se te ha olvidado concatenar la unidad de medida (px) la cual es necesaria para cambiar tamaños, deberías hacerlo así:

function cambiarColor() 
{   var tit=document.getElementById('titulo');   
    tit.style.color='#ff0000'; } 
 
function cambiarTamanoFuente() 
{   var tit=document.getElementById('titulo');  
    tit.style.fontSize=1 + 'px'; }
<html> 
    <head> 
        <title>Problema</title> 
        <script src="funciones.js"></script> 
    </head> 
    <body> 
        <h1 id="titulo">Este es un titulo dinamico</h1>  
        <input type="button" value="Cambiar Color" onClick="cambiarColor()"> 
        <input type="button" value="Cambiar Color" onClick="cambiarTamanoFuente()"> 
    </body> 
</html> 

2
  • Muchas gracias por responder!!
    – facuk
    Commented el 3 nov. 2017 a las 21:35
  • 1
    @facuk si la respuesta te sirvió te invito a que la marques como aceptada para que los futuros desarrolladores que tengan un problema similar sepan cual es una solución correcta, Es importante que leas ¿Qué debo hacer cuando alguien contesta mi pregunta?, saludos ! Commented el 3 nov. 2017 a las 21:39
1
function cambiarTamanoFuente() {
  var tit=document.getElementById('titulo');
  tit.style.fontSize='20px';
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.