title: How to increase and reset the font size of html using javascript?
body: <p>I used following code to increase and reset font size of the HTML.But unable to Increase the font size.I want to increase the font size of the whole body part of HTML page.Following Code i used to increase the font size of the Page.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
      // Reset Font Size
      var originalFontSize = $('html').css('font-size');
      //console.log(originalFontSize);
  
      $(".resetFont").click(function(){
        $('html').css('font-size', originalFontSize);
      });
  
      // Increase Font Size
      $(".increaseFont").click(function(){
        var currentFontSize = $('html').css('font-size');
        var currentFontSizeNum = parseFloat(currentFontSize, 10);
        var newFontSize = currentFontSizeNum*1.2;
  
        $('html').css('font-size', newFontSize);
        return false;
      });
    });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>In HTML page i used following</p>
  
  <pre><code>&lt;a href="#" class="resetFont"&gt;RESET Font&lt;/a&gt;
  &lt;a href="#" class="increaseFont"&gt;INCREASE FONT&lt;/a&gt;
  </code></pre>
  
  <p>Please Help me...</p>
  
  <p>Thanks all in advance</p>