Fontsize Increase

by Santosh Thakur

HTML

<h1>some heading 1 text</h1>
<h2>some heading 2 text</h2>
<p>some heading 3 text</p>

<a href="#" id="fs12">12</a>
<a href="#" id="fs14">14</a>
<a href="#" id="fs16">16</a>

CSS

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.2em;
}

JavaScript

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

var fs12 = new Increase(12);
var fs14 = new Increase(14);
var fs16 = new Increase(16);

document.getElementById('fs12').onclick = fs12;
document.getElementById('fs14').onclick = fs14;
document.getElementById('fs16').onclick = fs16;