Hacemos una revisión exhaustiva cada noticias en nuestra página web con el objetivo de mostrarte en todo momento la información certera y certera.
Solución:
Cambie su función a como en el código a continuación y vea qué sucede:
function increaseFontSizeBy100px()
txt = document.getElementById('a');
style = window.getComputedStyle(txt, null).getPropertyValue('font-size');
currentSize = parseFloat(style);
txt.style.fontSize = (currentSize + 100) + 'px';
function increaseFontSizeBy1px()
txt = document.getElementById('b');
style = window.getComputedStyle(txt, null).getPropertyValue('font-size');
currentSize = parseFloat(style);
txt.style.fontSize = (currentSize + 1) + 'px';
Nota: como puede ver, hay mucha duplicación en ambas funciones. Por lo tanto, si fuera usted, cambiaría esta función para aumentar el tamaño de fuente en un valor determinado (en este caso, un int).
Entonces, ¿qué podemos hacer al respecto? Creo que deberíamos convertir estas funciones en una más genérica.
Echa un vistazo al código a continuación:
function increaseFontSize(id, increaseFactor)
txt = document.getElementById(id);
style = window.getComputedStyle(txt, null).getPropertyValue('font-size');
currentSize = parseFloat(style);
txt.style.fontSize = (currentSize + increaseFactor) + 'px';
Ahora, por ejemplo, en su botón “Aumentar tamaño de fuente 1px”debes poner algo como:
Font Size by 1 Pixel
Pero, si queremos un “Reducir tamaño de fuente 1px”, ¿lo que podemos hacer? Llamamos a la función con -1 en lugar de con 1.
Font Size by -1 Pixel
Resolvemos el Problema de disminución del tamaño de fuente también. Sin embargo, cambiaría el nombre de la función a uno más genérico y la llamaría en las dos funciones que crearía: aumentarFontSize(id, aumentarFactor) y disminuirFontSize(id, disminuirFactor).
Eso es todo.
Prueba esto:
Font Size
Font Size by 1 Pixel
Reseñas y valoraciones
Si aceptas, tienes la opción de dejar un artículo acerca de qué te ha parecido esta sección.