Question

For each click I want to increase the font size.

$('#fontplus').each(function('click') {
    var fs = $('#bod').css('font-size');
    $('#bod').css('font-size',fs+1);

});

<div id="fontplus">+</div>

Thanks
Jean

Answer 1

Well as you have probably discovered, that won’t work.

$('#fontplus').click(function() {
  var fs = $('#bod').css('fontSize');

Now you have the current font size. However, what is it? Is it “12px”? Or perhaps it’s “1.5em”? Well, assuming you control that, what you’ll need to do is take apart the current setting and then put together the new value:

  $('#bod').css('fontSize', (parseInt(fs, 10) + 1) + 'px');
});