Font size Var Test

by Brett Miley

HTML

Font-size <a href="#" id="smaller">Smaller</a> <a href="#" id="larger">Larger</a>

<p>this is text</p>
<p>this is text</p>

JavaScript

function change_size(element, size) {
    var current = parseInt(element.css('font-size'));
    if (size =='smaller') {
        var new_size = current - 2;
    } else if (size == 'larger') {
        var new_size = current + 2;
    }
    element.css('font-size', new_size + 'px');
}
    
$('#smaller').click(function () {
    change_size($('p'), 'smaller');
});
$('#larger').click(function () {
    change_size($('p'), 'larger');
});