クロージャの便利な使い方

対話式のテキストサイズ調整ボタンは、body 要素の font-size プロパティを変更し、その変更は相対単位によってページ上のほかの要素にも適用されます

code

function makeSizer(size) {
  return function() {
    document.body.style.fontSize = size + 'px';
  }
}

var size12 = makeSizer(12);
var size14 = makeSizer(14);
var size16 = makeSizer(16);

使い方

function setupButtons() {
  document.getElementById('size-12').onclick = makeSizer(12);
  document.getElementById('size-14').onclick = makeSizer(14);
  document.getElementById('size-16').onclick = makeSizer(16);
}

html

<a href="#" id="size-12">12</a>
<a href="#" id="size-14">14</a>
<a href="#" id="size-16">16</a>