JQuery. Увеличение fontSize по клику на элемент?

Question

[No_Name0]

Цель:
1. Кликаем на элемент ".box";
2. Увеличивается fontSize тега "h1" на 1px.
После повторного клина на ".box", fontSize продолжает увеличиваться на 1px и т.д.

Как такое записать ? Помогите пожалуйста.

Answer 1

[Никита Баев]

$('.box').on('click', function() {
  var incrementedFontSize = parseFloat($('h1').css('font-size'));
  $('h1').css('font-size', incrementedFontSize += 2);
});

Comments

[No_Name0]

Хорошо. А как увеличить количество добавляемых пикселей ?

Answer 2

[Дмитрий Беляев]

jQuery(function($) {
  var $box = $('.box');
  var $h1 = $('h1');
  var curFontSize = parseFloat(getComputedStyle($h1.get(0)).fontSize);
  $box.on('click', function() {
    $h1.css('font-size', (++curFontSize) + 'px');
  });
});